/**- reset -**/
*,html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 14px;
	font-family: "微软雅黑"; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}
body {
	overflow-x:hidden
}
:focus {
	outline: 1;
}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
*,input,textarea,a,button{ -webkit-tap-highlight-color:rgba(0,0,0,0); }
a {
	text-decoration: none;

}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select, button, textarea {
	border: 0;
	background: transparent;
	vertical-align: middle; outline: 0;
}

/**- public -**/
img{ width: 100%; display: block; }
.ovh{ overflow: hidden; display: block; }
.din{ display: inline-block; _display: inline; *zoom: 1; vertical-align: top; }
.fl{ float: left; display: block; }
.fr{ float: right; display: block; }
.por{ position: relative; }
.poa{ position: absolute; }
.pof{ position: fixed; }
.pcshow{ display: block; }
.moshow,.nnone{ display: none; }
.main{ width: 90%; max-width: 1440px; margin: 0 auto; }
.main.poa{ left: 50%; margin-left: -720px; }


/************************- index.html -*********************/
/**- header -**/
header{ height: 120px; overflow: visible; position: relative; z-index: 99999; background: #fff; border-bottom: 1px solid #b8b8b8; }
.shortcut{ height: 30px; overflow: visible; background: #272727; position: relative; z-index: 99; }
.sho-enter{ margin-left: -35px; }
.sho-enter > a,.sho-social > a{ font-size: 12px; color: #fff; line-height: 30px; margin-left: 35px; }
.sho-social > a{ padding-right: 16px; background: url(../images/soc-img.png) right center no-repeat; }
.sho-social ul{ opacity: 0; display: none\9; visibility: hidden; top: 30px; left: 35px; padding: 9%; box-shadow: 0 0 5px rgba(0,0,0,0.25); background: rgba(255,255,255,0.95); }
.sho-social:hover ul{ opacity: 1; display: block\9; visibility: visible; }
.sho-social li{ overflow: hidden; border-bottom: 1px dashed #d2d2d2; }
.sho-social li:last-child{ border: 0; }
.sho-social li a{ min-width: 80px; font-size: 12px; color: #333; line-height: 30px; }
.sho-social div{ border: 2px solid #fff; }
.shortcut .fr{ margin-right: -10px; }
.shortcut .fr,.shortcut .fr a{ color: #fff; line-height: 30px; }
.shortcut .fr p{ font-size: 12px; margin-right: 52px; }
.shortcut .fr a{ font-size: 12px; padding-right:10px; }
.shortcut .fr img{ width: 15px; padding-top: 6px; margin-right: 10px; }
.login-user{ padding-right: 28px !important; background: url(../images/soc-img.png) right center no-repeat; }
.user-con{ display: none; width: 120px; top: 30px; right: 0; background-color: #fff; padding: 13px 13px 13px 15px; box-shadow: 0px 0px 5px rgba(0,0,0,0.25); }
.user-con .per-head{ width: 42px; height: 42px; position: relative; top: 0; margin-top: 0; left: 0; }
.shortcut .fr .user-con a{ padding-right: 0; }
.shortcut .fr .user-con img{ width: 100%; height: 100%; margin: 0; padding: 0; }
.login-esc{ color: #969696 !important; line-height: 42px !important; padding: 0 15px !important; }
.login-esc:hover{ color: #000 !important; }
.user-none{ display: none !important; }

.logo{ padding: 15px 0; margin-top: 13px; }
.nav{ margin-right: 30px; }
.nav > li{ float: left; position: relative; padding: 25px 0; }
.nav > li > a{ overflow: hidden; display: block; font-size: 18px; color: #1a1a1a; line-height: 40px; margin: 0 20px; }
.nav > li > a img{ width: 18px; display: inline-block; vertical-align: middle; margin-left: 10px; }
.nav-other .nav-fir,.nav-other .nav-sec,.nav-other .nav-thi{ display: none; width: 223px; position: absolute; top: 90px; left: 0; /*border-top: 1px solid #3d3d3d;*/ background: rgba(255,255,255,0.9); }
.nav-other .nav-fir > li{ overflow: visible; }
.nav-other .nav-fir > li > a,.nav-other .nav-sec > li > a,.nav-other .nav-thi > li > a{ overflow: hidden; display: block; font-size: 14px; color: #333; line-height: 20px; }
.nav-other .nav-fir > li > a{ font-weight: bold; padding: 6.5% 18% 6.5% 14%; }
.nav-other .nav-sec a,.nav-other .nav-thi a{ padding: 6.5% 8% 6.5% 21%; }
.nav-other .nav-sec{ left: 100%; top: 0; background: rgba(255,255,255,0.95); }
.nav-other .nav-thi{ left: 100%; top: 0; background: rgba(255,255,255,1); }
.nav-other .nav-factive .nav-sec,.nav-other .nav-sactive .nav-thi{ display: block; }
.nav-other .nav-factive > a,.nav-other .nav-sactive > a,.nav-other .nav-tactive > a{ color: #78bc27 !important; background-color: #fff !important; }
.nav-other a.nav-fbg{ background: url(../images/nav-fbg1.png) no-repeat; background-position: 85% 50% !important; }
.nav-other .nav-factive > a.nav-fbg{ background: url(../images/nav-fbg2.png) no-repeat;  }
.nav-other .nav-sec a{ background: url(../images/nav-sbg1.jpg) no-repeat; background-position: 14% 17px !important; }
.nav-other .nav-sec .nav-sactive > a,.nav-other .nav-sec .nav-tactive > a{ background: url(../images/nav-sbg2.jpg) no-repeat; }

.nav-all{ position: static !important; }
.nav-all > div{ width: 100%; position: absolute; top: 80px; left: 0; display: none; background: rgba(255,255,255,0.95); }
.nav-all .nav-fir{ width: 100%; position: relative; top: 0; display: block; margin-top: 1.5%; background: none; }
.nav-all .nav-fir > li{ overflow: hidden; margin-left: -4%; margin-bottom: 1.2%; }
.nav-all .nav-fir > li > div{ width: 46%; float: left; margin-left: 4%; }
.nav-all .nav-fir h2{ font-weight: normal; font-size: 22px; color: #333; line-height: 40px; margin-bottom: 2%; }
.nav-all .nav-fir h2 img{ width: 28px; margin: 8px 8px 8px 0; }
.nav-all .nav-sec > li{ width: 100%; margin-bottom: 3%; display: table; }
.nav-all .nav-sec h3,.nav-all .nav-thi{ display: table-cell; vertical-align: top; }
.nav-all .nav-sec h3{ width: 19.4%; padding-right: 2.5%; font-size: 14px; color: #333; line-height: 18px; text-align: right; }
.nav-all .nav-sec h3 a{ font-size: 14px; color: #333; line-height: 18px; }
.nav-all .nav-thi > li{ padding: 0 14px; margin-bottom: 2%; border-left: 1px solid #d4d4d4; }
.nav-all .nav-thi a{ overflow: hidden; display: block; font-size: 14px; color: #333; line-height: 16px; }

.nav-btn{ width: 50px; height: 62px; display: none; cursor: pointer; margin-right: -10px; background: url(../images/nav-menu.png) center center no-repeat; }
.nav-login,.nav-user{ width: 40px; height: 62px; display: none; position: absolute; top: 0; right: 5%; margin-right: 80px; background: url(../images/nav-login.png) center center no-repeat; background-size: 22px 22px; }
.nav-cart{ width: 40px; height: 62px; display: none; position: absolute; top: 0; right: 5%; margin-right: 40px; background: url(../images/to-cart2.png) center center no-repeat; }
.nav-user.per-head{ width: 40px; height: 62px; margin-top: 0; margin-right: 84px; background-size: 28px 28px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; }
.nav-user.per-head img{ width: 28px; height: 28px; margin: 16px 6px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }

.search{ height: 90px; padding: 20px 0 0 11px; border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; }
.sea-text{ width: 184px; height: 36px; font-size: 14px; color: #969696; line-height: 36px; padding: 0 12px; background: #ebebeb; }
.sea-submit{ width: 48px; height: 36px; cursor: pointer; background: url(../images/search.png) center center no-repeat; }
.sea-info{ width: 184px; overflow: hidden; display: block; }
.sea-keyword{ height: 20px; overflow: hidden; margin: 7px 0 1px; }
.sea-keyword a{ padding: 0 8px; margin-bottom: 6px; cursor: pointer; display: inline-block; _display: inline; *zoom: 1; font-size: 12px; color: #5c5c5c; line-height: 14px; border-left: 1px solid #5c5c5c; }
.sea-keyword a:first-child{ padding-left: 0; border-left: 0; }
.sho-enter > a:hover,.sho-social li a:hover,.sea-keyword a:hover,.nav a:hover,.nav > li:hover > a{ color: #78bc27 !important; }

.banner{ width: 100%; }
.banner .swiper-wrapper,.banner .swiper-slide{ height: auto !important; }
.banner .swiper-slide a{ position: relative; }
.banner img{ width: 100.9%; }
.banner-arrow{ width: 36px; height: 58px; cursor: pointer; top: 50%; left: 50%; margin-top: -29px; z-index: 99; }
.banner-prev{ margin-left: -750px; opacity: 0; }
.banner-next{ margin-left: 750px; opacity: 0; }
.banner:hover .banner-prev{ margin-left: -730px; opacity: 1; }
.banner:hover .banner-next{ margin-left: 730px; opacity: 1; }
.banner-arrow b,.banner-arrow i{ height: 100%; position: absolute; top: 0; overflow: hidden; display: block; }
.banner-prev b{ width: 100%; right: 0; background: url(../images/banner-prev1.png) right center no-repeat; }
.banner-prev i{ width: 0; left: 0; background: url(../images/banner-prev2.png) left center no-repeat; }
.banner-next b{ width: 100%; left: 0; background: url(../images/banner-next1.png) left center no-repeat; }
.banner-next i{ width: 0; right: 0; background: url(../images/banner-next2.png) right center no-repeat; }
.banner-arrow:hover b{ width: 0; }
.banner-arrow:hover i{ width: 100%; }
.banner .main{ position: absolute; bottom: 70px; text-align: right; height: 0; overflow: visible; }
.banner .pagination{ margin-top: 7px; }
.banner .pagination span{ width: 18px; height: 4px; cursor: pointer; overflow: hidden; display: block; float: left; margin: 4px 6px 0 6px; background: #fff; }
.banner .pagination span.swiper-active-switch{ width: 32px; height: 8px; margin-top: 0; background: #78bc27; }
.banner-bottom{ width: 88px; height: 42px; bottom: 0; left: 50%; margin-left: -44px; background: url(../images/ban-bottom1.png) center bottom no-repeat; background-size: 100% auto !important; }
/*.banner-bottom:hover{ background: url(../images/ban-bottom2.png) center bottom no-repeat; }*/
.banner-btn{ width: 40px; height: 22px; display: none; position: relative; cursor: pointer; }
.banner-btn i{ width: 100%; height: 100%; top: 0; left: 0; }
.ban-stop{ background: url(../images/banner-stop.png) center center no-repeat; }
.ban-start{ display: none; background: url(../images/banner-start.png) center center no-repeat; }


.banner .video-js .vjs-big-play-button{ display: none; }
/*.banner .vjs-control-bar,
.banner .vjs-has-started .vjs-control-bar,
.banner .vjs-no-flex.vjs-has-started .vjs-control-bar{ display: none; }*/

.banner .video-js .vjs-tech{ height: auto; }
.banner .vjs-poster{ background-position: center top !important; vertical-align: top; }
.banner .video-js{ background: #fff; }

.product{ margin-top: 5.55%; }
.product li{ overflow: hidden; display: block; position: relative; padding-bottom: 2.75%; background: url(../images/pro-fig3.png) center 99.2% no-repeat; background-size: 1.85% auto; }
.pro-con > div{ width: 49.3%; position: relative; }
.pro-one,.product li.pro-even .pro-two{ float: left; }
.pro-two,.product li.pro-even .pro-one{ float: right; }
.pro-two a:first-child{ margin-bottom: 2.9%; }
.pro-pic{ width: 100%; height: 100%; top: 0; left: 0; background-position: center center !important; background-size: cover !important; }
.pro-con i,.pro-con b{ width: 4.59%; height: 3.56%; overflow: hidden; display: block; position: absolute; top: 0; left: 47.7%; background: url(../images/pro-fig2.png) center top no-repeat; background-size: 100% 100% !important; }
.pro-con b{ bottom: 0; top: auto; background: url(../images/pro-fig1.png) center bottom no-repeat; }
.product li:first-child i{ display: none; }
.product li:last-child{ background: none; }
.pro-con a:hover .pro-pic{ transform: scale(1.03); }
.pro-img{ color: #fff; }

.pro-text{ width: 56%; top: 8.4%; left: 5.5%; }
.pro-text h4{ font-weight: normal; font-size: 24px; line-height: 30px; }
.pro-text h3{ font-size: 54px; line-height: 62px; margin-top: 1.2%; }
.pro-text h3 span{ color: #78bc27; }
.pro-text p{ font-size: 16px; line-height: 26px; margin-top: 1.8%; }
.pro-text h5{ float: left; clear: both; margin-top: 4.2%; padding-right: 32px; font-weight: normal; font-size: 18px; line-height: 30px; background: url(../images/con-more3.png) right center no-repeat; }
.pro-cen2{ color: #333; }
.pro-cen2 .pro-text{ top: 14.2%; }
.pro-cen2 h4{ color: #78bc27; }
.pro-cen2 h3{ font-size: 42px; line-height: 54px; margin-top: 2.4%; }
.pro-cen2 p{ color: #4c4c4c; }
.pro-cen2 h5{ background: url(../images/con-more1.png) right center no-repeat; }
.pro-cen3 .pro-text{ width: 46%; top: 11.5%; }
.pro-cen3 h3{ font-size: 42px; margin-top: 5.7%; }
.pro-cen3 p{ margin-top: 11.2%; }
.pro-cen4 .pro-text{ width: 88%; bottom: 10.5%; top: auto; }
.pro-cen4 h4{ font-size: 28px; color: #78bc27; }
.pro-cen4 h3{ font-weight: normal; font-size: 32px; line-height: 40px; color: #333; margin-top: 2.5%; }
.pro-cen5 .pro-text{ width: 69%; bottom: 7.3%; top: auto; }
.pro-cen6 h4{ font-weight: bold; font-size: 32px; line-height: 34px; }
.pro-cen6 h3{ margin-top: 2.5%; }
.pro-cen6 p{ margin-top: 12%; line-height: 36px; }

.connect{ padding-top: 4.3%; }
.connect > .main{ height: 28px; top: 1.2%; background: url(../images/pro-fig3.png) center top no-repeat; background-size: 1.85% auto; }
.connect > div .main{ top: 0; }
.connect b{ width: 4.59%; height: 30px; overflow: hidden; display: block; position: absolute; left: 47.7%; background: url(../images/pro-fig2.png) center top no-repeat; background-size: 100% auto !important; }
.con-more{ width: 114px; height: 40px; position: absolute; top: 65%; left: 50%; margin-left: -57px; font-size: 22px; line-height: 40px; }
.con-more p{ height: 100%; position: absolute; top: 0; overflow: hidden; }
.con-more i{ width: 114px; top: 0; font-style: normal; overflow: hidden; display: block; }
.conm1{ width: 114px; right: 0; }
.conm1 i{ right: 0; }
.conm2{ width: 0; left: 0; }
.conm2 i{ left: 0; }
.con-more:hover .conm1{ opacity: 0; }
.con-more:hover .conm2{ width: 100%; }
.conm1 i{ color: #333; background: url(../images/con-more1.png) right center no-repeat; }
.conm2 i{ color: #78bc27; background: url(../images/con-more2.png) right center no-repeat; }

/**- toolbar -**/
.toolbar{ right: 20px; top: 50%; margin-top: -60px; z-index: 99990; }
.to-enter{ width: 56px; height: 56px; margin-bottom: 3px; font-size: 12px; color: #fff; line-height: 16px; text-align: center; vertical-align: middle; background: #78bc27; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; }
.to-enter img{ width: auto; margin: 8px auto 2px; }
.to-top{ display: none; }
.to-top .to-enter img{ margin-top: 15px; }
.to-top .to-enter{ background: #fff; }
.toolbar > div > div{ display: none; top: 0; right: 56px; background: url(../images/to-bg.png) 56px 24px no-repeat; }
.toolbar ul{ margin-right: 12px; background: #78bc27; }
.toolbar li{ border-bottom: 1px dashed #649c21; }
.toolbar ul li:last-child{ border: 0; }
.to-cart ul{ width: 56px; }
.to-cart div a img{ width: 48px; margin: 13px auto; }
.to-tel > div{ background-position: 171px 24px !important; }
.to-tel ul{ width: 171px; }
.to-tel li{ padding: 8% 6%; }
.to-tel h5{ font-weight: normal; font-size: 12px; color: #d0e6bd; line-height: 20px; }
.to-tel h4{ font-size: 14px; color: #fff; line-height: 22px; }
.to-tel li p{ font-size: 12px; color: #dceccf; line-height: 20px; }



/**- footer -**/
footer{ background: #272727; padding-top: 2%; }
footer > .main{ padding-bottom: 1.5%; }
.fo-nav{ width: 67%; }
.fo-nav li{ float: left; width: 24%; margin-left: 1.3%; }
.fo-nav li:first-child{ margin-left: 0; }
.fo-nav h3{ font-size: 16px; color: #fff; line-height: 24px; padding-bottom: 6%; }
.fo-nav a{ overflow: hidden; display: block; font-size: 14px; color: #b2b2b2; line-height: 32px; }
.fo-nav a:hover{ color: #fff; }
.fo-sub{ font-size: 16px; color: #fff; line-height: 22px; margin-bottom: 3%; }

.fo-con{ width: 28.2%; }
.fo-register{ padding-left: 8px; margin-left: -8px; }
.fo-register input{ margin: 2% 0; -webkit-appearance:none; }
.fo-input{width: 55.3%;padding: 0 3%;height: 40px;font-size: 14px;color: #999;line-height: 38px;border: 1px solid #666666;border-right: 0; border-radius: 0; }
.fo-input:focus{ border-color:#bbdd93;outline:0; box-shadow:0 0 8px rgba(120,188,39,.6); }
.fo-submit{ width: 19.7%; margin: 2% 0; cursor: pointer; text-align: center; font-size: 16px; color: #fff; line-height: 40px; background: #78bc27; 
	border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-top-right-radius: 4px; -o-border-top-right-radius: 4px;
	border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px;
}
.fo-con > p{ padding-bottom:3%; font-size: 14px; color: #7a7a7a; line-height: 30px; }
.fo-con > p a{ color: #7a7a7a; text-decoration: underline; }
.fo-con > p a:hover{ color: #fff; }
.fo-code a{ width: 26.6%; min-width: 87px; float: left; margin-right: 4.5%; font-size: 14px; color: #b2b2b2; line-height: 24px; text-align: center; }
.fo-code a img{ float: left; border: 4px solid #fff; }

.copyright{ border-top: 1px solid #3e3e3e; height: 95px; overflow: visible; }
.copy-con{ padding-top: 10px; font-size: 14px; color: #808080; line-height: 22px; }
.copy-con img{ width: auto; float: left; margin-right: 8px; }
.copy-con i{ font-style: normal; }
.copy-con a{ font-size: 14px; color: #808080; line-height: 22px; }
.copy-con a:hover{ color: #fff; }
.copy-con p .fl{ margin-right: 20px; } 

.copyright .fr{ margin-top: 15px; }
.fl-share{ margin-right: 25px; }
.fl-share p{ font-size: 14px; color: #b2b2b2; line-height: 64px; }
.bdsharebuttonbox a{ width: 24px !important; padding: 0 !important; margin:19px 20px 0 0 !important; }
.bds_weixin{ background: url(../images/sh-wechat.png) center center no-repeat !important; }
.bds_tsina{ background: url(../images/sh-sina.png) center center no-repeat !important; }
.bds_sqq{ background: url(../images/sh-qq.png) center center no-repeat !important; }

.fo-lang{ margin-top: 20px; }
.fo-flag{ width: 32px; height: 20px; margin-right: 10px; }
.lang-con h4{ min-width: 80px; padding-left: 5px; padding-right: 25px; cursor: pointer; font-weight: normal; font-size: 14px; color: #999; line-height: 20px; background: url(../images/lang-bg.png) 95% center no-repeat; background-color: #000; }
.lang-con > div{ width: 164px; height: 300px; visibility: hidden; position: absolute; right: 0; bottom: 20px; }
.swiper-container-lang{ width: 164px; height: 300px; background: #000; }
.swiper-container-lang .swiper-wrapper{ width: 156px !important; overflow: hidden; float: left; padding-right: 8px !important; }
.swiper-container-lang .swiper-slide{ overflow: hidden; display: block; float: none; }
.lang-con a{ overflow: hidden; display: block; padding-left: 12px; font-size: 12px; color: #fff; line-height: 30px; }
.lang-con a:hover{ background: #333; }
.lang-con .swiper-scrollbar{ position:absolute; right:1px; top:0; height:100%; width:8px; background: #333; }
.lang-con .swiper-scrollbar .swiper-scrollbar-drag{ width: 4px; margin: 0 auto; background:#666; transition-duration: 0ms !important; }

footer span,footer span a{ overflow: hidden; display: block; }
footer span{ padding: 4px 0; }
footer span a{ font-size: 14px; color: #808080; line-height: 22px; text-align: center; }
footer span a:hover{ color: #fff; }
footer i span,footer i span a{ padding: 0; }

/**- 找回密码 -**/
.pop-back .pop-con{ width: 832px; margin-left: -416px; }
.pop-progress ul{ position: relative; z-index: 12; }
.pop-progress li{ width: 25%; }
.pop-progress i{ width: 32px; height: 32px; font-style: normal; font-size: 32px; background: #969696; font-size: 18px; color: #fff; line-height: 32px; text-align: center; margin: 0 auto; }
.pop-progress p{ padding-top: 7%; font-size: 18px; color: #969696; line-height: 30px; text-align: center; }
.pop-probar{ width: 550px; height: 6px; top: 13px; left: 50%; margin-left: -275px; z-index: 10; background: #e6e6e6; border: 1px solid #d2d2d2; }
.pop-progress .pop-probar i{ width: 0; height: 2px; float: left; margin-top: 1px; background: #78bc27; }
.pop-back .pop-main{ padding: 8% 5% 6%; }
.pop-prog1 .pop-probar i{ width: 27%; }
.pop-prog2 .pop-probar i{ width: 61%; }
.pop-prog3 .pop-probar i{ width: 95%; }
.pop-prog4 .pop-probar i{ width: 100%; }
.pop-prog1 li:nth-child(1) i,.pop-prog2 li:nth-child(2) i,.pop-prog3 li:nth-child(3) i,.pop-prog4 li:nth-child(4) i{ background: #78bc27; }
.pop-prog1 li:nth-child(1) p,.pop-prog2 li:nth-child(2) p,.pop-prog3 li:nth-child(3) p,.pop-prog4 li:nth-child(4) p{ color: #333; }
.pop-pcon{ width: 338px; margin: 7.4% auto 0; }

.pop-success img{ width: auto; margin: 0 auto; }
.pop-success p{ font-size: 16px; color: #333; line-height: 30px; text-align: center; padding-top: 3%; }
.pop-success a{ width: 86px; margin: 4% auto 0; font-size: 14px; color: #969696; line-height: 30px; text-align: center; }

.pop-back .pop-input input{ width: 100%; }
.pop-back .pop-con{ display: none; margin-top: -255px; }
.pop-back .pop-con.pop-user{ display: block; }
.pop-back .pop-close{ margin-left: 416px; margin-top: -270px; }






/************************- household.html -*********************/
/*.feature{ padding: 3.5% 0 3.3%; }*/
.feature li{ width: 25%; padding-top: 3.5%; }
.feature i{ width: 71.7%; overflow: hidden; display: block; margin: 0 auto; }
.feature p,.purpose p{ margin-top: 4%; font-size: 24px; color: #333; line-height: 32px; text-align: center; }
.feature a img{ margin: 0 auto; }
.feature a:hover img{ transform: scale(1.14) }
.feature a:hover p,.purpose a:hover p{ color: #78bc27; }

/*.purpose{ padding-bottom: 3%; }*/
.swiper-container-purpose{ width: 90%; }
.swiper-container-purpose .swiper-slide{ margin: 1.5% 0 1.5%; }
.swiper-container-purpose .swiper-slide a{ width: 96%; display: block; margin: 0 auto; }
.swiper-container-purpose .swiper-slide img{ transform: scale(0.96); margin: 10px 0; }
.swiper-container-purpose .swiper-slide img:hover{ transform: scale(1); box-shadow: 2px 0 10px rgba(0,0,0,0.3); }

.pur-arrow,.lap-arrow{ width: 30px; height: 60px; top: 45%; margin-top: -30px; cursor: pointer; }
.pur-prev,.lap-prev{ left: 0; background: url(../images/pur-prev.png) left center no-repeat; }
.pur-prev:hover,.lap-prev:hover{ background: url(../images/pur-prev2.png) left center no-repeat; }
.pur-next,.lap-next{ right: 0; background: url(../images/pur-next.png) right center no-repeat; }
.pur-next:hover,.lap-next:hover{ background: url(../images/pur-next2.png) right center no-repeat; }

.laptop > div{ background: #fff; padding-bottom: 3%; text-align: center; }
.laptop .main{ padding-top: 2.5%; }
.bgf5{ background: #f5f5f5 !important; }
.laptop h3{ font-size: 42px; color: #1e1e1e; line-height: 60px; }
.laptop p{ margin-top: 0.7%; margin-bottom: 4%; font-size: 18px; color: #333333; line-height: 30px; }
.laptop .swiper-container{ text-align: center; }
.laptop .swiper-container .swiper-wrapper{ display: inline-block; _display: inline; *zoom: 1; }
.laptop .swiper-slide{ width: 25%; }
.laptop .swiper-slide a{ width: 94%; padding: 7.8% 8.7% 7.2%; overflow: hidden; display: block; margin: 0 auto; border: 1px solid #d2d2d2; background: #fff; }
.laptop i{ overflow: hidden; display: block; padding-bottom: 11%; border-bottom: 1px dashed #d2d2d2; }
.laptop img{ transform: scale(0.93); }
.laptop a:hover img{ transform: scale(0.98); }
.laptop h4{ margin-top: 7%; height: 34px; font-size: 24px; color: #1e1e1e; line-height: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.laptop a p{ margin-top: 2.5%; height: 48px; overflow: hidden; font-size: 16px; color: #969696; line-height: 24px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.laptop .lap-prev{ top: 50%; left: 1.5%; }
.laptop .lap-next{ top: 50%; right: 1.5%; }


/************************- household-view.html -*********************/
.pro-info{ width: 100%; background: #232323; }
.pro-fixed{position: fixed !important; top:0; left:0; width: 100%; z-index: 99999; }
.pro-name{ float: left; font-size: 24px; color: #fff; line-height: 64px; }
.pro-menu{ float: right; }
.pro-menu a{ overflow: hidden; display: block; float: left; font-size: 16px; color: #a7a7a7; line-height: 64px; padding: 0 28px; }
.pro-menu a:hover,.pro-menu a.pro-active{ color: #fff; }
.pro-menu > a{ padding: 0 18px; height: 36px; line-height: 36px; margin: 14px 0; color: #fff; background: #78bc27; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; }

.pro-ftop{ width: 100%; }
.pro-ftop img{ width: 100.9%; }


/************************- gamimg.html -*********************/
.gnav{ background: #000; border-color: #282828; }
.gnav .nav > li > a{ color: #fff; }
.gnav .logo{ margin-top: 1px; }
.gnav .nav-other .nav-fir{ background: #282828; }
.gnav .nav-other .nav-fir > li a{ color: #bdbdbd; }
.gnav .nav-other .nav-factive > a,.gnav .nav-other .nav-sactive > a,.gnav .nav-other .nav-tactive > a{ color: #fff !important; background-color: #000 !important; }
.gnav .nav-other .nav-sec{ background: #191919; }
.gnav .nav-other .nav-thi{ background: #000; }
.gnav .nav-other .nav-sec .nav-thi a{ background: none; padding: 17% 2.5%; }
.gnav .nav-other .nav-thi{ width: 250px; }
.gnav .search{ border-color: #282828; }
.gnav .sea-text{ background: #232323; }
.banner-img,.ban-img{ width: 100%; }
.gaming{ background: url(../images/gam-bg.jpg) left top repeat; }
.gam-menu{ width: 60%; margin: 0 auto; clear: both; text-align: center; }
.gam-menu li{ overflow: hidden; display: inline-block; _display: inline; *zoom: 1; padding: 0 5%; opacity: 0.5; cursor: pointer; background: url(../images/gam-bg.png) center 58% no-repeat; }
.gam-menu li.gam-active{ opacity: 1; }
.gam-menu li a{ margin: 130% 0; }
.gam-menu li img{ width: 98%; margin: 0 auto; }
.gam-menu li p{ padding-top: 44%; font-size: 22px; color: #fff; line-height: 32px; text-align: center; }
.gam-con h4,.gam-conmo h4{ font-family: Arial; font-weight: 300; font-size: 42px; color: #fff; line-height: 52px; text-align: center; }
.gam-con p,.gam-conmo p{ margin-top: 1%; font-weight: bold; font-size: 18px; color: #fff; line-height: 30px; text-align: center; }
.gam-con img,.gam-conmo img{ margin-top: 5%; }
.gnav .user-con{ background: #000; box-shadow: 0 3px 10px rgba(255,255,255,0.2); }
.gnav .login-esc:hover{ color: #fff !important; }

.pro-video > div{ width: 50%; }

.gam-con,.gam-conmo{ padding-bottom: 4%; }
.gam-con > div,.gam-conmo > div{ width: 90%; margin: 0 auto; display: none; }
.gam-con .swiper-slide a,.gam-conmo .swiper-slide a{ width: 50%; float: left; overflow: hidden; display: block; }
.gam-con .swiper-slide,.gam-conmo .swiper-slide,.gam-con .swiper-slide i,.gam-conmo .swiper-slide i{ height: auto !important; overflow: hidden; display: block; }
.gam-con img,.gam-conmo img{ transform: scale(0.8); }
.gam-btn{ margin-top: 8%; text-align: center; vertical-align: top; }
.gam-btn p{ cursor: default; padding: 0 1%; margin-top: 0 !important; vertical-align: top; font-size: 18px; color: #969696; line-height: 40px; }
.gam-btn i{ vertical-align: middle; padding: 0 8px; font-weight: 400; font-style: normal; font-size: 24px; color: #fff; line-height: 40px; }
.gam-btn b{ vertical-align: middle; padding: 0 8px; font-weight: normal; font-size: 18px; color: #969696; line-height: 40px; }
.gam-btn span{ vertical-align: middle; font-size: 18px; color: #969696; line-height: 40px; }
.gam-arrow{ width: 30px; height: 40px; cursor: pointer; background: url(../images/gam-prev.png) center center no-repeat; }
.gam-next{ background: url(../images/gam-next.png) center center no-repeat; }

.gam-bar .to-enter{ background: #fff; }
.gam-bar .to-enter,.gam-bar .to-tel p,.gam-bar .to-tel h5,.gam-bar .to-tel h4{color: #666; }
.gam-bar.toolbar ul{ background: #fff; }
.gam-bar.toolbar li{ border-color: #666; }
.gam-bar.toolbar > div > div{ background: url(../images/to-bg2.png) right 28px no-repeat; }


/************************- commercial.html -*********************/
.com-menu{ border-bottom: 4px solid #78bc27; background: #1f1f1f; }
.com-menu ul{ width: 80%; margin: 0 auto; }
.com-menu li{ width: 16.6%; float: left; }
.com-menu a{ cursor: pointer; font-size: 22px; color: #fff; line-height: 64px; text-align: center; }
.com-menu li.com-cactive a{ background: #78bc27; }
.com-con{ padding-top: 3%; }
.com-con > div{ display: none; }
.com-img{ width: 50.7%; background: #dbdbdb; }
.com-cen{ width: 47%; right: 0; top: 50%; margin-top: -132px; }

.com-pro{ margin-bottom: 4.5%; }
.com-tit{ font-size: 36px; color: #1f1f1f; line-height: 42px; }
.com-tit:hover{ color: #78bc27; }
.com-cen p{ margin-top: 6%; height: 108px; font-size: 24px; color: #333333; line-height: 36px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.com-more{ margin-top: 12%; padding-right: 28px; float: left; clear: both; font-size: 18px; color: #333; line-height: 30px; background: url(../images/con-more1.png) right center no-repeat; background-size: 15px auto; }
.com-more:hover{ color: #78bc27; background: url(../images/con-more2.png) right center no-repeat; background-size: 15px auto; }
.com-cen .com-more{ margin-top: 5px !important; float: right; clear: none; }
.com-list{ margin-left: -1.8%; }
.com-list li{ width: 31.5%; margin-left: 1.8%; margin-bottom: 3.5%; }
.com-list a{ background: #dbdbdb; }
.com-ltit{ background: none !important; padding: 6% 0 3%; height: 64px; font-size: 26px; color: #333; line-height: 32px; text-align: center; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.com-list p{ height: 56px; font-size: 18px; color: #969696; line-height: 28px; text-align: center; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.com-video{ margin: 5.3% auto; }
.video-js{ width: 100% !important; height: 100% !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 99 !important; }
.video-bg{ z-index: 90; }
.ovh .video-js .vjs-big-play-button{ border: 0 !important; width: 130px; height: 130px; top: 50%; left: 50%; margin-top: -75px; margin-left: -75px; border: 0; background: url(../images/video-icon.png) center center no-repeat; background-size: 100% 100% !important; }
.pro-video .video-js .vjs-big-play-button{ width: 84px; height: 84px; margin-top: -42px; margin-left: -42px; }

.com-info{ margin-top: 12%; }
.com-price{ font-style: normal; font-family: Arial; font-size: 36px; color: #78bc27; line-height: 40px; text-align: left; }
.com-price span{ font-size: 22px; padding-right: 5px; }
.com-list .com-price{ height: 40px; margin: 4% auto 0; text-align: center; }
.pro-menu > a.pro-price{ font-size: 22px; margin-right: 10px; }
.pro-menu > a.pro-price span{ font-size: 16px; padding-right: 3px; }


/************************- solution.html -*********************/
.sol-con{ width: 527px; padding: 1.6% 1.8% 4.2%; top: 50%; left: 50%; margin-left: -720px; border-top: 8px solid #78bc27; margin-top: -165px; background: rgba(255,255,255,0.8); }
.sol-con h2 a{ font-size: 50px; color: #333; line-height: 70px; height: 70px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.sol-con h2 a:hover{ color: #78bc27; }
.sol-con p{ margin-top: 4%; font-size: 18px; color: #333; line-height: 30px; height: 120px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.sol-more{ bottom: 0; right: 0; font-size: 18px; color: #969696; line-height: 46px; background: #fff; padding: 0 46px 0 18px; }
.sol-more i{ width: 36px; height: 100%; top: 0; right: 0; background: url(../images/sol-more.png) center center no-repeat; background-size: 15px auto; background-color: #78bc27; }
.sol-con:hover .sol-more{ background: #78bc27; color: #fff; }
.sol-even .sol-con{ left: auto; margin-left: auto; right: 50%; margin-right: -720px; }


/************************- solution-aes.html -*********************/
.ban-aes .pro-info{ position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.86); }
.ban-aes .pro-name,.ban-aes .pro-menu a:hover,.ban-aes .pro-menu a.pro-active{ color: #333; }
.ban-aes .pro-menu a{ color: #858585; }
.sol-aes li{ padding-bottom:3%; }
.sol-aes a{ overflow: hidden; display: block; padding-top: 3%; }
.sv-tit{ font-size: 42px; color: #333; line-height: 50px; text-align: center; }
.sv-pro{ margin-top: 2%; font-size: 16px; color: #333; line-height: 24px; text-align: center; }
.sol-aes li > div div{ margin-top: 2.5%; }


/************************- personal.html -*********************/
.personal{ padding: 3% 0; }
.per-menu{ width: 22.5%; padding: 0 1.3%; background: #fff; }
.per-menu > li{ padding: 3.5% 0; border-bottom: 1px dashed #d2d2d2; }
.per-menu > li:last-child{ border: 0; }
.per-menu > li > a{ font-size: 16px; color: #333; line-height: 36px; overflow: hidden; display: block; position: relative; }
.per-menu > li > a > i{ width: 32px; height: 32px; position: absolute; top: 2px; left: 8px; background-size: 100% auto !important; }
.per-menu .ser-h1,.per-menu .ser-h2{ width: 100%; height: 100%; top: 0; left: 0; }
.per-menu .ser-h2,.per-menu > li > a:hover .ser-h1,.per-menu .per-active > a .ser-h1{ opacity: 0; display: none\9; }
.per-menu > li > a:hover .ser-h2,.per-menu .per-active > a .ser-h2{ opacity: 1; display: block\9; }
.per-menu > li > a:hover,.per-menu .per-active > a{ color: #fff; background: #78bc27; box-shadow: 0 0 10px rgba(0,0,0,0.25); }
.per-menu p{ padding-left: 56px; }

.per-con{ width: 74.3%; background: #fff; }
.per-pad{ padding: 0 2.8%; }
.per-user{ min-height: 120px; margin: 3% 0; }
.per-head{ width: 118px; height: 118px; top: 50%; margin-top: -59px; left: 2.8%; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; }
.per-head i{ width: 100%; height: 100%; overflow: hidden; display: block; position: absolute; top: 0; left: 0; background-size: cover !important; }
.per-info{ padding-left: 160px; padding-right: 140px; padding-top: 26px; }
.per-info li{ width: 100%; display: table; padding-bottom: 0.8%; }
.per-info p{ font-size: 14px; color: #333; line-height: 30px; display: table-cell; width: 50%; }
.per-info p b{ font-size: 20px; }
.per-edit{ top: 26px; right: 2.8%; padding-right: 33px; font-size: 16px; color: #666; line-height: 40px; background: url(../images/per-edit.png) right center no-repeat; }

.per-bg{ width: 100%; height: 16px; }
.per-bg i{ width: 14px; height: 16px; position: absolute; top: 0; z-index: 12; }
.per-bg i.per-left{ left: 0; background: url(../images/per-bg1.jpg) left center no-repeat; }
.per-bg i.per-right{ right: 0; background: url(../images/per-bg2.jpg) right center no-repeat; }
.per-bg b{ width: 100%; height: 1px; position: absolute; top: 50%; left: 0; z-index: 10; margin-top: -1px; border-bottom: 1px dashed #d4d4d4; }

.per-tit{ padding: 1.5% 0 2.2%; }
.per-tit h2{ font-size: 16px; color: #333; line-height: 30px; }
.per-tit a{ font-size: 14px; color: #666; line-height: 30px; }
.per-list{ margin-left: -2.33%; }
.per-list li{ width: 31%; float: left; margin-left: 2.33%; margin-bottom: 3%; border: 1px solid #d2d2d2; }
.per-list i{ overflow: hidden; display: block; padding: 0 6%; margin: 15% 0 13%; }
.per-list i img{ transform: scale(0.96); }
.per-list li:hover img{ transform: scale(1); }
.per-list h4{ height: 70px; padding: 8px 3% 0; font-size: 16px; color: #333; line-height: 62px; text-align: center; background: url(../images/per-lx.jpg) center top no-repeat; background-size: 100% auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.per-notice{ padding: 20px 2.8% 30px; font-size: 16px; color: #333; line-height: 30px; }
.per-notice p{ padding-right: 85px; }
.per-nbtn{ width: 66px; height: 30px; top: 20px; right: 2.8%; background: url(../images/per-bbg2.png) center top no-repeat; background-size: 100% auto; }

.per-pview{ padding-top: 2.5%; }
.per-ptit .per-tit{ padding-top: 2.2%; }
.per-ptit .per-tit h2{ font-size: 20px; }

/**- login -**/
.popup{ display: none; z-index: 999999; }
.popup,.pop-layer{ width: 100%; height: 100%; top: 0; left: 0; }
.pop-layer{ background: rgba(0,0,0,0.6); z-index: 1; }
.pop-con{ width: 468px; position: fixed; top: 50%; left: 50%; margin-left: -234px; margin-top: -300px; z-index: 2;border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -o-border-top-left-radius: 10px;
border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -o-border-top-right-radius: 10px;
 }
.pop-tit{ font-weight: normal; font-size: 22px; color: #fff; line-height: 60px; background: #78bc27; text-align: center; }
.pop-tit a{ font-size: 22px; color: #fff; }
.pop-main{ padding: 8% 14% 6%; background: #fff; }
.pop-input li{ background: #f0f0f0; margin-bottom: 6%; padding: 0 3%; }
.pop-input i{ width: 24px; padding: 11px 0; }
.pop-input input,.info-add,.info-area textarea{ width: 278px; height: 46px; float: right; font-size: 14px; color: #757575; line-height: 46px; }
.pop-input input::-webkit-input-placeholder{ color: #b7b7b7; } 
.pop-input input:-moz-placeholder{ color: #b7b7b7; }
.pop-input input::-moz-placeholder{ color: #b7b7b7; }
.pop-input input:-ms-input-placeholder{ color: #b7b7b7; }
.pop-input input.pop-code{ width: 205px; float: left; }
.info-add{ padding-right: 26px; background: url(../images/per-sel.png) right center no-repeat; border: 0; appearance:none; -moz-appearance:none; -webkit-appearance:none;   }
.info-add::-ms-expand { display: none; } 
.pop-input li a,.pop-input li button{ overflow: hidden; display: block; float: right; cursor: pointer; width: 100px; height: 36px; margin-top: 5px; font-size: 16px; color: #969696; line-height: 36px; text-align: center; background: #dcdcdc; }
.pop-btn{ margin-top:5%; clear: both; }
.pop-btn a{ cursor: pointer; font-size: 18px; color: #fffefe; line-height: 54px; text-align: center; background: #78bc27; }
.pop-btn a.pop-reg{ font-size: 18px; color: #78bc27; line-height: 50px; background: none; }

.pop-conl > ul{ background: #78bc27; padding: 11px 0; }
.pop-conl .pop-tit{ width: 50%; float: left; line-height: 38px; cursor: pointer; }
.pop-conl .pop-tit:first-child{ border-right: 1px solid #8cdc2c; }
.pop-conl .pop-tit:last-child{ border-left: 1px solid #55930c; }

.pop-pas{ margin-top: -20px; font-size: 14px; color: #333; line-height: 30px; text-align: right; float: right; clear: both; }
.pop-pas:hover{ color: #78bc27; }

.pop-close{ width: 50px; height: 50px; top:50%; left: 50%; z-index: 3; margin-top: -208px; margin-left: 234px; background: url(../images/pop-close.png) center center no-repeat; }

.pop-login .pop-con{ margin-top: -198px; }
.pop-login .pop-conl .pop-btn{ margin-top: 10%; }
.pop-pro{ font-size: 16px; color: #333; line-height: 24px; padding-bottom: 5%; text-align: left; }
.pop-yzm{ width: 100% !important; float: left; }

.pop-register .pop-close,.pop-address .pop-close{ margin-top: -315px; }
.pop-conp{ display: none; }


.pwf img{ width: auto; margin: 0 auto 2%; }



/************************- service.html -*********************/
.ban-ser{ background-size: cover !important; }
.ser-con{ width: 100%; padding: 2.5% 0 1%; background: rgba(0,0,0,0.5); }
.ser-crumbs{ border-bottom: 1px solid #d2d2d2; }
.ser-crumbs a,.ser-crumbs span{ font-size: 16px; color: #d2d2d2; line-height: 36px; }
.ser-crumbs a{ margin-right: 5px; }
.ser-crumbs a:hover{ color: #78bc27 !important; }
.ser-con .sv-tit{ color: #fff; margin-top: 5.2%; }
.sv-en{ font-weight: normal; padding-top: 0.3%; font-size: 16px; color: #d2d2d2; line-height: 34px; text-align: center; }
.ser-search{ width: 933px; background: #fff; margin: 2.1% auto 0; }
.ser-input{ width: 100%; height: 46px; font-size: 16px; color: #666; line-height: 46px; padding: 0 60px 0 20px; }
.ser-submit{ width: 46px; height: 46px; cursor: pointer; right: 11px; top: 0; background: url(../images/ser-sea.png) center center no-repeat; }
input.ser-input::-webkit-input-placeholder{ color: #969696; }
input.ser-input:-moz-placeholder{ color: #969696; }
input.ser-input::-moz-placeholder{ color: #969696; }
input.ser-input:-ms-input-placeholder{ color: #969696; }
.ser-notice{ text-align: center; margin-top: 1.8%; }
.ser-notice a{ clear: both; margin-top: 0.8%; font-size: 16px; color: #78bc27; line-height: 24px; text-decoration: underline; }
.ser-xz{ margin-top: 1.8%; font-weight: normal; font-size: 18px; color: #fff; line-height: 40px; text-align: center; background: url(../images/ser-sbg.png) center center no-repeat; }

.ser-select{ height: 46px; text-align: center; margin: 2% 0 6%; }
.ser-select li{ width: 290px; height: 46px; overflow: visible; margin: 0 15px; }
.ser-select h4{ padding: 0 50px 0 20px; cursor: pointer; font-weight: normal; font-size: 16px; color: #969696; line-height: 46px; text-align: left; background: url(../images/nav-btn.png) 96% center no-repeat; background-color: #fff; }
.ser-scon{ width: 100%; top: 46px; visibility: hidden; box-shadow: 0 4px 10px rgba(0,0,0,0.2); }
.swiper-container-select{ width: 100%; height: 300px; background: #fff; border: 1px solid #d2d2d2; }
.swiper-container-select .swiper-wrapper{ width: 250px; overflow: hidden; float: left; }
.swiper-container-select .swiper-slide{ overflow: hidden; display: block; float: none; padding: 10px 0 0 20px; }
.ser-scon a,.ser-scon p{ cursor: pointer; font-size: 16px; color: #969696; line-height: 36px; text-align: left; overflow: hidden; display: block; }
.ser-scon a:hover{ color: #333; }
.ser-scon p{  cursor:default; }
.ser-scon .swiper-scrollbar{ position:absolute; right:0; top:0; height:100%; width:8px; background: #f0f0f0; }
<<<<<<< .mine
.ser-scon .swiper-scrollbar .swiper-scrollbar-drag{ width: 4px; margin: 0 auto; background:#d2d2d2; transition-duration: 0ms !important; }
=======
.ser-scon .swiper-scrollbar .swiper-scrollbar-drag{ width: 10px; margin: 0 auto; background:#d2d2d2; transition-duration: 0ms !important; border: 1px solid #fff }
>>>>>>> .r4095

.ser-help{ padding: 3% 0; }
.ser-help .sv-en{ color: #323232; }
.ser-tel{ padding-top: 0.4%; font-size: 18px; color: #969696; line-height: 24px; text-align: center; }
.ser-hlist{ margin: 4% 0 0 -1.6%; }
.ser-hlist li{ width: 23.4%; margin: 0 0 2% 1.6%; border: 1px solid #d2d2d2; }
.ser-hlist a{ padding: 2% 10% 4%; }
.ser-hlist i{ width: 72px; height: 72px; margin: 10% auto 0; }
.ser-h1,.ser-h2{ width: 100%; height: 100%; top: 0; left: 0; }
.ser-h2{ opacity: 0; display: none\9; }
.ser-hlist h3{ margin-top: 9%; font-weight: normal; font-size: 24px; color: #333; line-height: 30px; text-align: center; }
.ser-hlist p{ margin-top: 4%; overflow: hidden; font-size: 16px; color: #969696; line-height: 26px; height: 78px; text-align: center; }
.ser-hlist a:hover{ background: #78bc27; }
.ser-hlist a:hover .ser-h1{ opacity: 0; display: none\9; }
.ser-hlist a:hover .ser-h2{ opacity: 1; display: block\9; }
.ser-hlist a:hover h3,.ser-hlist a:hover p{ color: #fff; }


/************************- service-help.html -*********************/
.help-con{ margin-top: 2.7%; margin-bottom: 3.1%; }
.help-con .ser-crumbs{ margin-bottom: 4%; }
.help-con .ser-crumbs a,.help-con .ser-crumbs span{ color: #969696; }
.help-con .per-menu{ width: 26.8%; background: #fbfbfb; border: 1px solid #d2d2d2; }
.help-con .per-menu a{ cursor: pointer; }
.help-con .per-menu > li{ padding: 4.2% 0; }
.help-con .per-menu > li > a > i{ width: 30px; height: 30px; top: 13px; background-size: 100% auto; }
.help-con .per-menu > li > a{ font-size: 24px; line-height: 56px; }
.help-pro{ padding-left: 56px; }
.help-pro a{ font-size: 18px; color: #969696; line-height: 22px; margin-top: 4%; }
.help-pro a:last-child{ margin-bottom: 4%; }
.help-pro a:hover,.help-pro a.help-active{ color: #78bc27; }
.help-main{ width: 65.2%; }
.help-main .sv-tit,.help-main .sv-en{ text-align: left; }
.help-cen{ margin-top: 5%; }


/************************- service-support.html -*********************/
.sup-crumbs .ser-crumbs{ margin-bottom: 3%; }
.support{ margin-bottom: 1.5%; min-height: 200px; }
.sup-img{ width: 52.8%; }
.sup-img img{ width:auto; max-width:100%; margin: 0 auto; }
.sup-con{ width: 34.4%; right: 0; top: 50%; margin-top: -97px; }
.sup-con p{ font-size: 16px; color: #969696; line-height: 24px; }
.sup-con h3{ margin-top: 2%; font-weight: normal; font-size: 24px; color: #333333; line-height: 32px; }
.sup-con h4{ margin-top: 3.5%; font-weight: normal; font-size: 18px; color: #333; line-height: 26px; }
.sup-con .com-more{ margin-top: 11%; color: #78bc27; background: url(../images/con-more2.png) right center no-repeat; background-size: 15px auto; }

.sup-main{ padding-top: 3.2%; padding-bottom: 3%; }
.sup-nav{ text-align: center; }
.sup-nav li{ border-left: 1px solid #969696; margin-bottom: 0; }
.sup-nav li:first-child{ border: 0; }
.sup-nav a{ padding: 0 20px; font-size: 24px; color: #333; line-height: 26px; }
.sup-nav a:hover,.sup-nav .sup-active a{ color: #78bc27; }

.sup-xt{ width: 504px; height: 40px; margin: 4.4% auto 0; border: 1px solid #d2d2d2; }
.sup-xt i{ width: 112px; font-style: normal; font-size: 18px; color: #333; line-height: 38px; text-align: center; border-right: 1px solid #d2d2d2; }
.sup-xt .ser-select{ width: 390px; margin: 0; height: 38px; }
.sup-xt .ser-select li{ width: 100%; height: 38px; margin: 0; }
.sup-xt .ser-select h4{ background-color: #f5f5f5; line-height: 38px; }
.sup-xt .ser-scon{ top: 38px; }
.sup-xt .swiper-container-select .swiper-wrapper{ width:340px; }

.sup-xt.ser-lang{ width:390px;  }
.sup-xt.ser-lang .ser-select{ width:276px; }
.sup-xt.ser-lang .swiper-container-select .swiper-wrapper{ width:240px; }

.sup-menu{ text-align: center; margin: 1% 0; }
.sup-menu li{ margin: 1% 2.8%; cursor: pointer; padding: 0 20px; font-size: 18px; color: #333; line-height: 40px; }
.sup-menu li:hover,.sup-menu li.sup-mactive{ color: #fff; background: #88d42c; box-shadow: 0 1px 10px rgba(0,0,0,0.2); }

.sup-pro > div{ display: none; }
.sup-js{ font-size: 16px; color: #969696; line-height: 26px; text-align: center; }
.sup-qlist{ margin: 4% 0 0 -2%; }
.sup-qlist li{ width: 48%; float: left; overflow: hidden; padding: 2.2% 0; margin: 0 0 2% 2%; background: #fff; text-align: center; }
.sup-qlist h3{ padding: 0 1%; font-weight: normal; font-size: 22px; color: #78bc27; line-height: 26px; word-break:break-all; height:52px;  overflow:hidden;  }
.sup-qlist h4{ padding: 0.5% 1% 1% ; font-weight: normal; font-size: 18px; color: #333; line-height: 26px; height:52px; overflow:hidden; }
.sup-qlist div{ padding-left: 8%; }
.sup-qlist p{ width: 40%; float: left; margin-right: 10%; position: relative; font-size: 18px; color: #666; line-height: 42px; text-align: left; }
.sup-qlist .com-more{ margin: 2.5% auto 0; float: none; }


/************************- service-product.html -*********************/
.sup-pcon{ padding-top: 2.4%; }
.sup-pcon > div{ padding-top: 1.8%; border-bottom: 1px dashed #d2d2d2; }
.sup-pcon h3{ padding-left: 22px; font-size: 18px; color: #343434; line-height: 20px; background: url(../images/sup-pbg.jpg) left center no-repeat; }
.sup-plist{ padding: 1.2% 0 1.5% 22px; }
.sup-plist li{ width: 100%; display: table; padding-bottom: 0.8%; }
.sup-plist p{ width: 60%; display: table-cell; font-size: 18px; color: #969696; line-height: 26px; }
.sup-plist .sup-data{ width: 40%; padding-left: 3%; color: #333; }


/************************- search.html -*********************/
.sea-screen{ padding: 0.8% 1.5%; }
.sea-screen > div{ width: 100%; display: table; margin: 0.5% 0; }
.sea-screen h3,.sea-type,.sea-sea{ display: table-cell; vertical-align: top; }
.sea-screen h3{ width: 100px; font-weight: normal; font-size: 18px; color: #969696; line-height: 34px; }
.sea-tc a{ padding: 0 44px 0 7px; font-size: 18px; color: #969696; line-height: 34px; vertical-align: top; }
.sea-type a.sea-tactive{ color: #88d42c; }
.sea-sea{ width: 225px; padding-top: 4px; }
.sea-sea input.fl{ width: 72px; height: 26px; padding: 0 2.5%; font-size: 16px; color: #666; line-height: 26px; border: 1px solid #d2d2d2; text-align: center; }
.sea-sea p{ padding: 0 2%; font-size: 18px; color: #969696; line-height: 24px; }
.sea-sea input.fr{ width: 52px; height: 26px; cursor: pointer; font-size: 16px; color: #fff; line-height: 26px; text-align: center; background: #78bc27; }

.sea-lx{ display: block; margin: 0 0 2% -20px; }
.sea-lx a{ padding: 0 20px; font-size: 18px; color: #333; line-height: 20px; border-left: 1px solid #d2d2d2; }

.sea-product{ margin-left: -1.4%; margin-bottom: 4%; }
.sea-product h4{ font-weight: normal; }
.sea-product .swiper-slide{ width: 23.6%; margin-left: 1.4%; margin-bottom: 1.6%; }
.sea-product .swiper-slide a{ width: 100%; padding: 0 0 6% 0; }
.sea-product i{ background: #f5f5f5; padding: 18% 0; border-bottom: 0; }
.sea-product h4,.sea-product p,.sea-product b{ padding: 0 8.7%; }
.sea-product b{ font-size: 24px; color: #333; line-height: 30px; }
.sea-product b span{ font-size: 16px; font-weight: normal; }


/************************- news.html -*********************/
.news-crumbs .ser-select{ height: 36px; margin-top: 0; margin-bottom: 2%; }
.news-crumbs .ser-select li{ width: 386px; height: 36px; margin: 0 20px 0 0; display: block; float: left; border: 1px solid #d2d2d2; }
.news-crumbs .ser-select h4{ height: 34px; line-height: 34px; }
.news-crumbs .ser-scon{ top: 34px; }
.news-search{ width: 84px; height: 36px; cursor: pointer; font-weight: bold; background: #78bc27; color: #fff; }
.news-con{ clear: both; }
.news-con li{ padding: 33px 0 31px; min-height: 158px; position: relative; border-bottom: 1px dashed #d2d2d2; }
.news-img{ width: 283px; top: 33px; }
.news-img img{ border: 1px solid #d2d2d2; }
.news-main{ padding-left: 305px; }
.news-main i{ padding-left: 9px; font-style: normal; font-size: 24px; color: #333; line-height: 24px; border-left: 4px solid #78bc27; }
.news-tit{ margin-top: 30px; font-size: 18px; color: #333; line-height: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.news-tit:hover{ color: #78bc27; }
.news-main p{ margin-top: 22px; height: 60px; font-size: 16px; color: #969696; line-height: 30px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.news-main .com-more{ display: none; }

.news-con li.news-first{ min-height: 307px; }
.news-first .news-img{ width: 548px; }
.news-first .news-main{ padding-left: 590px; }
.news-first .news-main i,.news-first .news-main a,.news-first .news-main p{ color: #78bc27; }
.news-first .com-more{ display: block; margin-top: 120px; background: url(../images/con-more2.png) right center no-repeat; }

.page{ text-align: center; margin-top: 4%; }
.page li{ width: 40px; height: 40px; margin: 0 5px; background: #fff; }
.page a{ overflow: hidden; display: block; width: 100%; height: 40px; font-size: 16px; color: #969696; line-height: 40px; text-align: center; border: 1px solid #d2d2d2; }
.page a:hover,.page .page-active a{ background: #78bc27; color: #fff; border: 1px solid #78bc27; }
.page .page-more:hover a{ cursor: default; background: #fff; border-color: #d2d2d2; color: #969696; }



/************************- news-view.html -*********************/
.news-pro h3{ font-weight: normal; font-size: 24px; color: #333; line-height: 34px; text-align: center; }
.news-pro h6{ margin: 1% 0 1.7%; font-weight: normal; font-size: 16px; color: #969696; line-height: 24px; text-align: center; }
.news-pro p{ font-size: 18px; color: #333; line-height: 36px; }
.news-pro img{ width: auto !important; height: auto !important; max-width: 100% !important; margin: 2% auto; border: 1px solid #d2d2d2; }

.page-arrow{ padding-top: 1.5%; }
.page-arrow a{ font-size: 18px; color: #333; line-height: 40px; }
.page-arrow a:hover{ color: #78bc27; }


/************************- contact.html -*********************/
.ban-contact .ser-con{ padding-bottom: 4%; }
.con-main{ margin: 4% auto; display: table; }
.con-pro{ width: 33.5%; display: table-cell; }
.con-info{ background: #88d42c; padding: 4% 5.5%; }
.con-info p{ padding: 2% 0; font-size: 18px; color: #fff; line-height: 24px; }
.con-info p span{ font-weight: bold; font-size: 24px; }
.con-info p i{ font-weight: bold; font-size: 18px; font-style: normal; }

.con-add{ border: 1px solid #d2d2d2; padding: 5.3%; margin-top: 13%; margin-bottom: 1px; }
.con-add .sv-tit,.con-add .sv-en{ text-align: left; }
.con-add .sv-en{ color: #969696; margin-bottom: 2%; }
.con-add p{ font-size: 18px; color: #333; line-height: 36px; }

.con-map{ display: table-cell; padding-left: 4%; }
#map{ top: 0; }
#map img{ width: auto; }
.anchorTL,.anchorBL{ display: none; }
.BMapLabel{ border-color: #d2d2d2 !important; }


/************************- law.html -*********************/
.law-tit{ padding-bottom: 3%; }
.law-pro,.law-pro a{ font-size: 18px; color: #333; line-height: 28px; }
.law-pro{ padding-top: 3%; }
.law-pro a{ text-decoration: underline; }
.law-main li{ border: 1px solid #d2d2d2; margin-bottom: 2%; }
.law-main h4{ cursor: pointer; position: relative; padding: 1.8% 160px 1.8% 50px; font-weight: normal; font-size: 24px; color: #333; line-height: 30px; background: url(../images/law-bg.jpg) left top repeat; }
.law-main i{ width: 14px; height: 14px; overflow: hidden; display: block; position: absolute; top: 50%; margin-top: -7px; left: 30px; background: url(../images/law-icon.png) center center no-repeat; }
.law-more{ right: 48px; top: 0; cursor: pointer; padding: 1.8% 21px 1.8% 10px; font-size: 16px; color: #969696; line-height: 30px; background: url(../images/nav-btn.png) right center no-repeat; }
.law-main h4:hover .law-more,.law-pro a:hover{ color: #78bc27; }
.law-con{ display: none; padding: 1.8% 50px 1.8% 50px; font-size: 16px; color: #333; line-height: 28px; }
.law-con img{ width: auto; max-width: 100%; margin: 2% 0 1%; }
.law-date{ padding: 1% 0 3%; font-size: 18px; color: #333; line-height: 30px; text-align: right; }


/************************- message.html -*********************/
.ban-mes p{ padding: 0.2% 0 4.5%; font-size: 18px; color: #fff; line-height: 28px; text-align: center; }
.mes-con{ margin: 3% auto; padding: 3.5% 1% 2%; background: #fafafa; border: 1px solid #d2d2d2; }
.mes-con > li{ margin-bottom: 1.6%; width: 100%; display: table; }
.mes-con h3{ width: 140px; padding-right: 20px; display: table-cell; vertical-align: top; font-weight: normal; font-size: 18px; color: #333; line-height: 46px; text-align: right; }
.mes-con > li > div{ display: table-cell; vertical-align: top; }
.mes-con > li > div p{ width: 54px; font-size: 18px; color: #333; line-height: 46px; text-align: center; }
.mes-input{ width: 518px; height: 46px; padding: 0 20px; font-size: 16px; color: #666; line-height: 46px; border: 1px solid #cbcbcb; background: #fff; }
input.mes-input::-webkit-input-placeholder{ color: #969696; }
input.mes-input:-moz-placeholder{ color: #969696; }
input.mes-input::-moz-placeholder{ color: #969696; }
input.mes-input:-ms-input-placeholder{ color: #969696; }
.mes-icon{ width: 10px; height: 46px; overflow: hidden; display: block; float: left; margin-left: 9px; background: url(../images/mes-icon.png) center center no-repeat; }
.ser-select.mes-province{ width: 518px; margin: 0; }
.ser-select.mes-province li{ width: 100%; margin: 0 auto; }
.ser-select.mes-province h4{ height: 46px; border: 1px solid #d2d2d2; z-index: 10; }
.ser-select.mes-province .ser-scon{ top: 45px; z-index: 12; }
.ser-select.mes-date{ width: 232px; float: left; }
.mes-question{ width: 70%; height: 184px; font-size: 16px; color: #333; line-height: 30px; padding: 1% 1.5%; background: #fff; border: 1px solid #cbcbcb; }
.mes-area .mes-icon{ margin-top: 67px; }
.mes-code{ padding-left: 3.8%; padding-right: 105px; }
.mes-yzm,.pop-input li a.mes-yzm{ width: 82px; height: 30px; cursor: pointer; font-size: 22px; color: #78bc27; line-height: 30px; text-align: center; letter-spacing: 1px; position: absolute; top: 7px; right: 9px; background: url(../images/mes-yzm.jpg) center center repeat; }
.pop-input li a.mes-yzm{ position: relative; float: right; width: 100px; height: 36px; line-height: 36px; top: 0; right: 0; }
.mes-submit{ margin-top: 3%; cursor: pointer; font-size: 18px; color: #fff; background: #78bc27; padding: 0.8% 3%; }

.mes-con .c-datepicker-container{ float: left; width: 232px; }
.mes-con .c-datepicker-container>input.form-control{ width: 100%; }
.mes-con .form-control{ height: 46px; line-height: 46px; padding: 0 12px; border-radius: 0; box-shadow: none; font-size: 16px; color: #333; line-height: 46px; border: 1px solid #cbcbcb; }
.mes-hide{ display: none; }
.mes-con .c-datepicker-container .glyphicon-calendar{ top: 50%; right: 12px; margin-top: -10px; background: url(../images/nav-btn.png) center center no-repeat; }

.ban-buy .ser-con{ padding-bottom: 4%; }
.buy-menu{ margin-left: -2%; margin-top: 3%; }
.buy-menu li{ width: 23%; padding: 2% 0 1%; cursor: pointer; border: 1px solid #d2d2d2; margin-left: 2%; font-size: 18px; color: #333; line-height: 60px; text-align: center; }
.buy-menu img{ margin: 0 auto; }
.buy-menu i{ width: 54px; height: 54px; margin: 0 auto; overflow: hidden; display: block; position: relative; }
.buy-menu i img{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.bimg-on{ opacity: 0; display: none\9; }
.buy-menu li.bimg-active .bimg-on{ opacity: 1; display: block \9; }
.buy-menu li.bimg-active{ color: #78bc27; }
.buy-con > div{ display: none; }
.buy-con .ser-search{ background: #f5f5f5; width: 100%; margin-bottom: 3%; }
#l-map{height:500px;width:45%; float: left; }
#r-result{width:48%; float: right; }
.buy-con{ margin: 4% 0 6%; }
.buy-con h3{ padding-bottom: 3%; font-size: 32px; color: #333; line-height: 44px; text-align: center; }
.buy-con table{ border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; }
.buy-con td{ font-size: 16px; color: #333; line-height: 30px; padding: 1% 1%; border-left: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; }
.pic-img{  width: auto; float: left; overflow: hidden; display: block; margin-right: 20px; }
.buy-con a{ font-size: 16px; color: #333; }
.buy-con a:hover{ color: #78bc27;  }
#container{ width: 60%; height: 500px; float: left; }
#panel{ width: 40%; float: right; }

.icon-prev,.icon-next{ cursor: pointer; width: 24px; height: 30px; padding: 0 !important; }
.icon-prev{ background: url(../images/mprev.png) center center no-repeat !important; }
.icon-next{ background: url(../images/mnext.png) center center no-repeat !important; }


/************************- per-register.html -*********************/
.reg-main,.reg-main .per-con,.reg-con,.reg-main .pop-input,.reg-main .pop-input > li,.reg-main .pop-input > li > div{ overflow: visible; }
.reg-main{ min-height: 600px; }
.reg-con{ width: 470px; margin: 0 auto; }
.reg-main .pop-input{ margin-top: 6%; }
.reg-main .pop-input > li{ border: 1px solid #cbcbcb; margin-bottom: 4.4%; height: 54px; }
.reg-main .pop-input li{ background: #fff; }
.reg-main .pop-input i.fl{ width: 84px; font-style: normal; font-size: 16px; color: #333; padding: 0; }
.reg-main .pop-input > li:first-child i.fl{ width: 165px; }
.reg-main .pop-input > li:first-child input{ width: 265px; }
.reg-main .pop-input > li > input,.reg-main .pop-input > li > div{ width: 350px; height: 52px; color: #333; }
.reg-main .pop-input > li > input{ font-size: 16px; }
.reg-main .pop-btn{ margin: 3% 0 14% 0; }
.reg-main .ser-select.mes-province{ width: 370px; }
.reg-main .ser-select li{ padding: 0; }
.reg-main .ser-select,.reg-main .pop-input > li > input,.reg-main .pop-input i.fl,
.reg-main .ser-select.mes-province h4,.reg-main .c-datepicker-container>input.form-control{ height: 52px; line-height: 52px; }
.reg-main .ser-select.mes-province h4{ border: 0; }
.reg-main .ser-select.mes-province .ser-scon{ width: 470px; left: auto; right: -1px; top: 52px; }
.reg-main .swiper-container-select .swiper-wrapper{ width: 430px; }
.reg-main .pop-input li .ser-scon a{ width: 100%; float: none; background: #fff; text-align: left; }
.reg-main .pop-input li a.btn-container{ width: auto; background: transparent; float: none; margin: 0 auto; height: 24px; padding: 0; font-size: 14px; line-height: 30px; text-align: center; }
.reg-main .pop-input i.glyphicon-menu-down{ display: none; }
.reg-main .ser-select h4{ padding-left: 0; color: #333; }
.reg-main .c-datepicker-container>input.form-control{ width: 100%; border: 0; box-shadow: none; font-size: 16px; }
.reg-main .c-datepicker-container:hover>input.form-control{ box-shadow: none; }


/************************- per-info.html -*********************/
.per-head{ background: url(../images/head-bg.png) center center no-repeat; background-size: 100% 100%; }
.per-photo{ width: 180px; right: 3%; top: 50%; margin-top: -31px; }
.per-photo a{ width: 100%; font-size: 16px; color: #666; line-height: 22px; padding-left: 26px; background: url(../images/photo-img.png) 1px center no-repeat; }
.per-photo input{ width: 178px; padding-top: 14px; font-size: 14px; float: right; clear: both; } 
.info-con .per-info{ padding-right: 320px; padding-top: 0; }
.info-con .per-info li,.info-con .per-info p{ display: block; padding: 0; }
.info-con .per-info p{ line-height: 118px; }
.info-main li{ border-top: 2px solid #dfdfdf; }
.info-main li{ display: table; width: 100%; padding: 3% 0; }
.info-main li > div{ display: table-cell; vertical-align: middle; }
.info-img{ width: 82px; }
.info-img img{ width: auto; }
.info-pro h3,.info-pro p{ font-weight: normal; font-size: 16px; color: #333; line-height: 26px; }
.info-pro p{ color: #666; }
.info-modify{ width: 80px; }
.info-modify a{ width: 68px; float: right; padding-right: 31px; text-align: right; font-size: 14px; color: #666; line-height: 24px; background: url(../images/per-edit.png) right center no-repeat; }
.info-modify a:hover{ color: #78bc27; background: url(../images/per-edit2.png) right center no-repeat; }
.info-pas{ margin-top: 12px; margin-left: 28px; }
.info-pas i{ width: 61px; height: 3px; float: left; margin-right: 1px; background: #dfdfdf; }
.info-pas1 i:nth-child(1),
.info-pas2 i:nth-child(1),.info-pas2 i:nth-child(2),
.info-pas3 i:nth-child(1),.info-pas3 i:nth-child(2),.info-pas3 i:nth-child(3),
.info-pas4 i:nth-child(1),.info-pas4 i:nth-child(2),.info-pas4 i:nth-child(3),.info-pas4 i:nth-child(4){ background: #78bc27; }

.info-pop .pop-con{ border-top-left-radius: 0; border-top-right-radius: 0; border-top: 4px solid #78bc27; }
.info-pop .pop-tit{ padding: 0 14%; background: #fff; color: #333; text-align: left; }
.info-pop .pop-main{ padding-top: 0; }

.info-area{ background: #fff !important; border: 1px solid #cbcbcb; padding: 10px 3% !important; }
.info-area textarea{ height: 92px; line-height: 24px; }
.info-area i{ padding-top: 0; }

.info-text{ background: #fff !important; }
.info-text i{ padding: 0 !important; }
.info-text .info-pas{ margin: 0 0 5px 0; }
.info-text p{ font-size: 14px; color: #b7b7b7; line-height: 20px; }
.pop-mpw .pop-con{ margin-top: -172px; }
.pop-mpw .pop-close{ margin-top: -187px; }



/************************- software.html -*********************/
.software{ padding: 4% 0 5%; }
.soft-con{ padding-top: 3%; }
.soft-con{ margin-left: -1.83%; }
.soft-con li{ width: 31.5%; margin-left: 1.83%; text-align: center; }
.soft-tit{ padding: 3% 0; font-size: 28px; color: #78bc27; line-height: 40px; text-align: center; font-style: italic; }
.soft-con p{ font-size: 16px; color: #333; line-height: 26px; text-align: left; height: 78px; overflow: hidden; }
.soft-more{ margin: 4% auto 0; padding: 0 20px; font-size: 16px; color: #333; line-height: 40px; border: 2px solid #666; border-radius: 4px; text-align: center; }
.soft-more:hover{ color: #fff; border-color: #78bc27; background: #78bc27; }


/************************- soft-windows.html -*********************/
.soft-main li{ margin-bottom: 7%; }
.soft-main h3{ font-style: italic; font-size: 28px; color: #78bc27; line-height: 34px; padding-bottom: 4%; }
.win-con{ width: 55%; float: left; }
.win-img{ width: 40%; float: right; }
.win-con h4,.win-con p,.win-con a,.soft-main i,.soft-main i a,.soft-main > p{ font-size: 16px; color: #333; line-height: 26px; padding-bottom: 3%; }
.win-con h4{ font-style: italic; color: #78bc27; }
.win-con a{ color: #78bc27; padding-bottom: 1%; overflow: hidden; display: block; float: left; clear: both; }
.soft-even .win-con{ float: right; }
.soft-even .win-img{ float: left; }
.soft-main > p{ padding-bottom: 0 !important; }

.help-cen.soft-main{ margin-top: 3%; }
.soft-main h3.soft-bt{ padding-bottom: 2%; }
.soft-main .soft-more{ margin-bottom: 4%; margin-right: 12px; }
.soft-main > div{ overflow: hidden; display: block; margin: 2% 0 7%; }
.soft-main > div img{ max-width: 47%; float: left; margin-right: 3%; }
.soft-main i{ overflow: hidden; display: block; font-size: 14px; font-style: normal; }
.soft-main i a{ font-size: 14px; text-decoration: underline; }
.soft-main i a:hover{ color: #000; }

.soft-main > div.soft-third{ margin-right: 0; }
.soft-third{ float: left; text-align: center; }
.soft-third h3,.soft-third img{ float: left; clear: both; }
.soft-third img{ width: auto !important; max-width: 100% !important; margin: 0 !important; float: none !important; }
.soft-third a{ margin-right: 0; }

.norton li{ padding-bottom: 7%; border-bottom: 1px solid #cccccc; }
.norton li:last-child{ padding-bottom: 3%; }
.norton li:last-child .win-con{ width: 100%; }
.norton .win-img{ width: 25%; }
.norton .win-con{ width: 70%; }

.mark iframe{ width: 100%; height: auto; margin: 0; padding: 0; }
.mark header,.mark footer{ display: none; }


/************************- makeyourmark.html -*********************/
.mark-con{ width: 100%; height: 100%; z-index: 102; color: #fff; }
.mark-all{ text-align: center; }
.mark-pro{ top: 50%; left: 0; margin-top: -100px; z-index: 12; }
.mark-pro div{ width: 400px; float: left; text-align: left !important; }
.mark-con h3{ font-size: 32px; line-height: 54px; letter-spacing: 2px; }
.mark-con h4,.mark-con p{ margin-top: 15px; font-weight: normal; font-size: 14px; line-height: 20px; letter-spacing: 1px; }
.mark-con h4{ font-size: 16px; }

.mark-all .mark-con h3,.mark-all .mark-con h4,.mark-all .mark-con p{ width: 100%; }
.mark-all .mark-con h4,.mark-all .mark-con p{ font-size: 16px; }
.mark-all .mark-pro{ margin-top: -90px; }
.mark-all .mark-pro div{ width: 100%; text-align: center !important; }

.mark-even .mark-pro div{ float: right; }

.ovh.mark .video-js .vjs-big-play-button,.mark .vjs-text-track-display{ display: none !important; }
.mark-video{ width: 48px; height: 48px; cursor: pointer; margin-top: 20px; background: url(../images/mark-btn.png) left top no-repeat; background-size: 100% 100%; }
.mark-all .mark-video{ margin: 20px auto 0; }
.mark-img{ width: 100%; height: 100%; top: 0; left: 0; z-index: 10; }
.mark-img1,.mark-bg1{ display: block; }
.mark-img2,.mark-img3,.mark-bg2,.mark-bg3{ display: none; }
.mark-music .mark-con h3,.mark-music .mark-con h4,.mark-music .mark-con p{ float: right; }

.mark > .main{ text-align: center; padding: 2.5% 0; }
.mark .feature{ width: 100%; display: inline-block; _display: inline; *zoom:1; }
.mark .feature li{ padding: 0; }

.inter{ right: 85px; bottom: 40px; font-size: 14px; color: #fff; line-height: 22px; z-index: 104; text-align: right; }
.inter img{ width: 80px; }
.inter div p{ padding-right: 15px; padding-top: 8px; }
.inter > p{ padding-top: 5px; }


/************************- password.html -*********************/
.pw-header{ height: auto; }
.pw-header .logo{ width: 132px; margin: 1.8% auto; }
.pw-header .logo img{ width: auto; margin: 0 auto; }
.pw-tit{ padding: 7.4% 0 3.4%; font-weight: normal; font-size: 28px; color: #333; line-height: 34px; text-align: center; }
.pop-pw{ width: 338px; padding: 0; margin: 0 auto 14%; }
.pop-pw .info-pas1 i:nth-child(1),.pop-pw .info-pas2 i:nth-child(1),.pop-pw .info-pas2 i:nth-child(2),.pop-pw .info-pas3 i:nth-child(1),
.pop-pw .info-pas3 i:nth-child(2),.pop-pw .info-pas3 i:nth-child(3),.pop-pw .info-pas4 i:nth-child(1),.pop-pw .info-pas4 i:nth-child(2),
.pop-pw .info-pas4 i:nth-child(3),.pop-pw .info-pas4 i:nth-child(4){ background: #f39800; }

.pw-footer{ background: #3c3c3c; text-align: center; padding: 4.2% 0; }
.pw-footer p{ font-family: Arial; font-size: 22px; color: #fff; line-height: 30px;  }
.pw-footer div{ padding-top: 0.4%; }
.pw-footer a{ overflow: hidden; display: block; float: left; font-size: 18px; color: #fff; line-height: 20px; padding: 0 12px; margin: 5px 0; border-left: 1px solid #fff; }
.pw-footer a:first-child{ border-left: 0; }

.pop-nickname .pop-con{ margin-top: -150px; }
.pop-nickname .pop-close{ margin-top: -165px; }
.pop-phone .pop-con{ margin-top: -214px; }
.pop-phone .pop-close{ margin-top: -229px; }
.pop-mailbox .pop-con{ margin-top: -148px; }
.pop-mailbox .pop-close{ margin-top: -163px; }






/**- animation -**/
a,.sho-social ul,.pagination span,.banner-arrow b,.banner-arrow i,.con-more p,.feature p,.purpose img,
.purpose p,.laptop img,.per-menu i,.per-list img,.ser-h1,.ser-h2,.ser-hlist h3,.ser-hlist p,.sup-menu li{ transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; }
.pro-pic,.feature img{ transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; -moz-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; }
.solution img{ transition: all 1s linear 0s; -webkit-transition: all 1s linear 0s; -moz-transition: all 1s linear 0s; -o-transition: all 1s linear 0s; }
.lang-con a,.ser-scon a{ transition: all 0s linear 0s; -webkit-transition: all 0s linear 0s; -moz-transition: all 0s linear 0s; -o-transition: all 0s linear 0s; }


/**- media -**/
@media screen and (max-width:1720px) {
	.banner-prev{ left: 8%; margin-left: -30px; }
	.banner-next{ left: auto; right: 8%; margin-left: auto; margin-right: -30px; }
	.banner:hover .banner-prev{ margin-left: -15px; }
	.banner:hover .banner-next{ margin-right: -15px; }
}


@media screen and (max-width:1600px) {
	/**- header -**/
	.nav > li > a{ margin: 0 12px; }
	.main.poa{ left: 5%; margin-left: 0; }

	.banner-prev{ left: 10%; }
	.banner-next{right: 10%;}
	.banner-bottom{ width: 6.1%; left: 46.95%; margin-left: 0; }

	.pro-text h4{ font-size: 22px; line-height: 28px; }
	.pro-text h3{ font-size: 40px; line-height: 54px; }
	.pro-text p{ line-height: 24px; }


	/************************- household.html -*********************/
	.feature p, .purpose p{ font-size: 20px; line-height: 28px; }
	.pur-arrow, .lap-arrow{ background-size: 24px auto !important; }
	.laptop h3{ font-size: 38px; line-height: 54px; }
	.laptop p{ font-size: 16px; line-height: 26px; }
	.laptop h4{ font-size: 22px; line-height: 30px; height: 30px; }
	.laptop a p{ font-size: 14px; line-height: 22px; height: 44px; }


	/************************- commercial.html -*********************/
	.com-menu a{ font-size: 20px; line-height: 62px; }
	.com-tit{ font-size: 34px; line-height: 40px; }
	.com-cen{ margin-top: -115px; }
	.com-cen p{ font-size: 22px; line-height: 34px; height: 102px; }
	.com-more,.com-info{ margin-top: 8%; }
	.com-ltit{ font-size: 22px; line-height: 28px; height: 56px; }
	.com-list p{ font-size: 16px; line-height: 26px; height: 52px; }

	/************************- solution.html -*********************/
	.sol-con{ width: 458px; margin-left: 0; left: 5%; margin-top: -137px; }
	.sol-even .sol-con{ margin-right: 0; right: 5%; }
	.sol-con h2 a{ font-size: 44px; line-height: 60px; height: 60px; }
	.sol-con p{ font-size: 16px; line-height: 26px; height: 104px; }
	.sol-more{ font-size: 16px; line-height: 40px; }

	.sv-tit{ font-size: 36px; line-height: 42px; }


	.ser-con{ padding: 1.8% 0 0.8%; }
	.ser-con .sv-tit{ margin-top: 4.2%; }
	.sv-en{ font-size: 14px; line-height: 32px; }
	.ser-select{ margin-bottom: 4.5%; }


	.sea-screen h3,.sea-tc a{ font-size: 16px; line-height: 30px; }
	.sea-tc a{ padding: 0 34px 0 7px; }

	.help-con .per-menu > li > a{ font-size: 20px; line-height: 50px; }
	.help-con .per-menu > li > a > i{ width: 26px; height: 26px; }
	.help-pro a{ font-size: 16px; }

	
}

@media screen and (max-width:1400px) {

	/************************- index.html -*********************/
	.nav{ margin-right: 10px; }
	.nav > li > a{ font-size: 16px; }
	.sea-text{ width: 170px; height: 30px; line-height: 30px; }
	.sea-submit{ width: 38px; height: 30px; background-size: 22px auto; }
	.sea-keyword{ margin: 9px 0 1px; }

	.pro-text h4{ font-size: 20px; line-height: 26px; }
	.pro-text h3{ font-size: 34px; }
	.pro-text p{ font-size: 14px; }
	.pro-text h5{ font-size: 16px; background-size: 16px auto; }
	.pro-cen3 h3{ margin-top: 4.7%; }

	.con-more{ font-size: 20px; }
	.con-more i{ width: 112px; background-size: 16px auto; }
	.com-price{ font-size: 32px; }
	.com-price span{ font-size: 20px; }


	/************************- household.html -*********************/
	.feature p, .purpose p{ font-size: 18px; line-height: 24px; }


	/************************- gaming.html -*********************/
	.gam-menu{ width: 100%; }
	.gam-menu li{ padding: 0 4%; }
	.gam-con h4{ font-size: 28px; line-height: 38px; }
	.gam-con p{ font-size: 16px; line-height: 26px; }


	/************************- commercial.html -*********************/
	.com-menu ul{ width: 100%; line-height: 60px; }


	/************************- solution.html -*********************/
	.sol-con{ margin-top: -123px; }
	.sol-con h2 a{ font-size: 34px; line-height: 46px; height: 46px; }

	
	.sv-tit{ font-size: 28px; line-height: 34px; }


	/************************- personal.html -*********************/
	.per-menu a{ font-size: 14px; line-height: 32px; }
	.per-menu > li > a > i{ width: 26px; height: 26px; margin: 3px 0; }
	.per-menu p,.help-pro{ padding-left: 46px; }
	.help-con .per-menu > li > a > i{ margin: 0; top: 11px; }
	.per-user{ min-height: 106px; }
	.per-head{ width: 106px; height: 106px; margin-top: -53px; }
	.per-info{ padding-top: 21px; padding-left: 148px; }
	.per-edit{ padding-right: 28px; font-size: 14px; background-size: 20px auto; }
	.per-list h4{ font-size: 14px; }
	.per-notice{ font-size: 14px; padding: 15px 2.8% 20px; }
	.per-nbtn{ width: 52px; }

	.info-con .per-info p{ line-height: 106px; }
	.per-photo{ padding: 0 30px 0 57px; background-position: 30px center !important; }

	
	/************************- service-help.html -*********************/
	.ser-hlist i{ width: 52px; height: 52px; }
	.ser-hlist a{ padding: 2% 6% 4%; }
	.ser-hlist h3{ margin-top: 7%; font-size: 20px; line-height: 26px; }
	.ser-hlist p{ height: 66px; font-size: 14px; line-height: 22px; }


	/************************- service-product.html -*********************/
	.sup-nav a{ font-size: 22px; line-height: 24px; }

	/************************- service-support.html -*********************/
	.sup-menu li{ margin: 1% 2%; line-height: 36px; padding: 0 16px; }
	.sup-qlist h3{ font-size: 18px; line-height: 24px; height:48px;  }
	.sup-qlist h4{ font-size: 16px; }
	.sup-qlist p{ font-size: 16px; line-height: 38px; }
	.sup-qlist .com-more{ font-size: 16px; background-size: 13px auto; }


	/************************- contact.html -*********************/
	.con-pro{ width: 36%; }
	.con-info p,.con-info p i{ font-size: 16px; line-height: 22px; }
	.con-info p span{ font-size: 22px; }
	.con-add p{ font-size: 16px; line-height: 34px; }


	/************************- law.html -*********************/
	.law-pro, .law-pro a{ font-size: 16px; }
	.law-main h4{ font-size: 20px; line-height: 28px; }
	.law-main i{ width: 12px; height: 12px; margin-top: -6px; background-size: 100% auto; }
	.law-main h4,.law-more{ padding-top:1.4%; padding-bottom: 1.4%; }
	.law-more{ font-size: 14px; line-height: 28px; background-size: 16px auto; }


	/************************- message.html -*********************/
	.ban-mes p{ font-size: 16px; }
	.mes-con h3,.mes-input{ font-size: 16px; line-height: 40px; }
	.mes-input{ font-size: 14px; height: 40px; }
	.mes-icon{ height: 40px; }
	.mes-submit{ font-size: 16px; }

	
	/************************- news.html -*********************/
	.news-first .news-img{ width: 430px; }
	.news-first .news-main{ padding-left: 500px; }
	.news-main i{ font-size: 20px; line-height: 20px; }
	.news-first .com-more{ margin-top: 80px; background-size: 15px auto; }
	.news-img{ width: 230px; }
	.news-main{ padding-left: 260px; }
	.news-tit{ margin-top: 16px; }
	.news-main p{ height: 52px; line-height: 26px; margin-top: 20px; }

	.news-pro p{ font-size: 16px; line-height: 34px; }
	.page-arrow a{ font-size: 16px; line-height: 38px; }


	/************************- buy.html -*********************/
	.buy-menu i{ width: 40px; height: 40px; }
	.buy-menu li{ font-size: 16px; line-height: 28px; }
	.buy-con h3{ font-size: 22px; line-height: 28px; }


	.sea-tc a{ padding: 0 20px 0 5px; }
	.sea-screen h3{ width: 86px; }

	.help-con .per-menu > li > a{ font-size: 18px; line-height: 46px; }


	/************************- software.html -*********************/
	.soft-tit{ font-size: 26px; }
	.soft-con p{ font-size: 14px; }
	.soft-more{ font-size: 14px; line-height: 34px; }


	/************************- soft-windows.html -*********************/
	.soft-main h3{ font-size: 20px; line-height: 38px; }


	.mark-con h3{ font-size: 28px; line-height: 42px; }
	.mark-con h4, .mark-con p{ margin-top: 10px; }



}


@media screen and (max-width:1200px) {

	/**- header -**/
	.nav-other .nav-fir, .nav-other .nav-sec, .nav-other .nav-thi{ width: 180px; }
	.nav li:nth-child(4) .nav-fir{ left: -65px; }
	.nav-other a.nav-fbg{ background-position: 90% 50% !important; }
	.nav-other .nav-fir > li > a{ padding: 5% 16% 5% 11%; }
	.nav-other .nav-sec a{ background-position: 14% 12px !important; }
	.nav-other .nav-sec a, .nav-other .nav-thi a{ padding-top: 5%; padding-bottom: 5%; }
	.search{ border: 0; padding-top: 30px; padding-left: 0; }
	.sea-info{ width: 200px; display: none; padding: 15px 15px 5px; position: absolute; top: 54px; right: 0; background: rgba(255,255,255,0.85); box-shadow: 0 0 10px rgba(0,0,0,0.1); }
	
	.banner-arrow{ width: 28px; }
	.banner-arrow b,.banner-arrow i{ background-size: 28px auto !important;}
	.banner-prev{ left: 12%; }
	.banner-next{ right: 12%; }
	.banner .pagination{ margin-right: 4%; }
	.banner .pagination span{ height: 3px; }
	.banner .pagination span.swiper-active-switch{ width: 30px; height: 6px; margin-top: 1px; }

	.pro-cen3 .pro-text{ width: 56%; }
	.pro-text h4{ font-size: 18px; line-height: 24px; }
	.pro-text h3{ font-size: 26px; line-height: 40px; }
	.pro-cen3 h3{ margin-top: 4%; }

	.con-more{ font-size: 18px; }
	.con-more i{ width: 112px; background-size: 14px auto; }

	/**- footer -**/
	.fo-nav{ width: 71%; }
	.fo-code a:last-child{ margin-right: 0; }
	input.fo-input{ height: 36px; line-height: 34px; }
	.fo-submit{ font-size: 14px; line-height: 36px; }
	.copyright{ height: 145px; }
	.copy-con{ width: 100%; float: none; text-align: center; margin-top: 5px; }
	.copy-con div,.copyright .main .fr > .fl,.copy-con i,.copy-con a{ float: none; display: inline-block; _display: inline; *zoom: 1; vertical-align: middle; }
	.copyright .main > .fr{ width: 100%; float: none; text-align: center; }
	.copyright .fr{ margin-top: 8px; }
	.fo-lang{ margin-top: 0; }
	.fl-share p{ line-height: 32px; }
	.fl-share{ margin-right: 15px; }
	.bdsharebuttonbox a{ margin: 5px 22px 0 0 !important; }
	.lang-con a{ text-align: left !important; }

	
	/************************- household.html -*********************/
	.pur-arrow, .lap-arrow{ background-size: 20px auto !important; }
	.laptop h3{ font-size: 34px; line-height: 44px; }
	.laptop h4{ font-size: 20px; line-height: 28px; height: 28px; }
	.laptop p{ margin-bottom: 3%; }

	.pro-name{ line-height: 56px; }
	.pro-menu a{ line-height: 56px; }
	.pro-menu > a{ padding: 0 17px; margin: 12px 0; height: 32px; line-height: 32px; }
	.pro-menu > a.pro-price{ font-size: 20px; }
	.pro-menu > a.pro-price span{ font-size: 14px; }

	/************************- commercial.html -*********************/
	.com-menu{ border-width: 3px; }
	.com-menu a{ font-size: 18px; line-height: 56px; }
	.com-tit{ font-size: 28px; line-height: 34px; }
	.com-cen{ margin-top: -87px; }
	.com-cen p{ margin-top: 3.5%; font-size: 18px; line-height: 30px; height: 90px; }
	.com-more,.com-info{ margin-top: 5%; }
	.com-ltit{ font-size: 20px; line-height: 26px; height: 52px; }
	.com-list p{ font-size: 14px; line-height: 22px; height: 44px; }
	.com-video .video-js .vjs-big-play-button{ width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; }
	

	/************************- solution.html -*********************/
	.sol-con{ width: 400px; margin-top: -111px; border-width: 3px; }
	.sol-con h2 a{ font-size: 30px; line-height: 42px; height: 42px; }
	.sol-con p{ font-size: 14px; line-height: 24px; height: 96px; }
	.sol-more{ font-size: 14px; line-height: 36px; }
	.sol-more i{ width: 30px; background-size: 12px auto; }

	.sv-tit{ font-size: 24px; line-height: 30px; }
	.sv-pro{ font-size: 14px; line-height: 22px; }


	/************************- personal.html -*********************/
	.per-user{ min-height: 96px; }
	.per-head{ width: 96px; height: 96px; margin-top: -48px; }
	.per-info{ padding-left: 135px; padding-top: 17px; }

	.info-con .per-info p{ line-height: 96px; }
	.per-photo{ line-height: 32px; font-size: 14px; padding: 0 20px 0 42px; background-position: 20px center !important; background-size: 18px auto !important; }


	/************************- service.html -*********************/
	.ser-input,.ser-select h4{ font-size: 14px; height: 40px; line-height: 40px; }
	.ser-search{ width: 100%; }
	.ser-select{ margin-left: -3.33%; }
	.ser-select li{ width: 30%; display: block; float: left; margin: 0 0 0 3.33%; }
	.ser-submit{ right: 7px; height: 40px; background-size: 22px auto; }
	.ser-scon{ top: 40px; }
	.swiper-container-select{ height: 270px; }
	.swiper-container-select .swiper-wrapper{ width: 85%; }
	.ser-scon a{ font-size: 14px; line-height: 32px; }


	/************************- service-help.html -*********************/
	.ser-hlist{ margin-left: -2.33%; }
	.ser-hlist li{ width: 31%; margin-left: 2.33%; }
	.ser-hlist i{ width: 46px; height: 46px; }


	/************************- service-product.html -*********************/
	.sup-nav a{ font-size: 20px; line-height: 22px; }
	.sup-con{ margin-top: -83px; }
	.sup-con h3{ font-size: 22px; }
	.sup-con h4{ font-size: 16px; }
	.sup-con .com-more{ padding-right: 24px; font-size: 16px; line-height: 24px; background-size: 12px auto; }

	.ser-input, .ser-select h4{ line-height: 38px; height: 38px; }


	/************************- contact.html -*********************/
	.con-pro{ width: 36%; }
	.con-info p,.con-info p i{ font-size: 14px; line-height: 20px; }
	.con-info p span{ font-size: 20px; }
	.con-add p{ font-size: 14px; line-height: 30px; }

	.law-main h4{ font-size: 18px; line-height: 26px; }
	.law-more{ line-height: 26px; }
	.law-date{ font-size: 16px; }


	/************************- message.html -*********************/
	.mes-input,.ser-select.mes-province{ width: 420px; }
	.mes-con .c-datepicker-container{ width: 183px; }
	.mes-yzm{ top: 6px; height: 28px; font-size: 20px; line-height: 28px; }

	.news-crumbs .ser-select{ margin-left: 0; }
	.news-crumbs .ser-select li{ width: 335px; margin-left: 0; }

	.sea-screen h3,.sea-tc a{ font-size: 14px; }
	.sea-tc a{ padding: 0 15px 0 5px; }
	.sea-sea input.fl{ width: 60px; }
	.sea-sea input.fr{ font-size: 14px; }
	.sea-sea{ width: 196px; }
	.sea-lx a{ font-size: 16px; }
	.laptop h4{ font-size: 18px; }
	.sea-product b{ font-size: 20px; }

	.help-con .per-menu > li > a{ font-size: 16px; }


	/************************- per-register.html -*********************/
	/*.reg-con{ width: 400px; }*/
	.reg-main .pop-input i.fl{ width: 72px; font-size: 14px; }
	.reg-main .pop-input > li > input{ width: 300px;}

	.reg-main .ser-select, .reg-main .pop-input > li > input, .reg-main .pop-input i.fl, 
	.reg-main .ser-select.mes-province h4, .reg-main .c-datepicker-container>input.form-control,
	.reg-main .ser-select li{ height: 42px; line-height: 42px; }
	.reg-main .pop-input > li{ height: 44px; }
	.reg-main .pop-input > li > input, .reg-main .pop-input > li > div{ height: 42px; }
	.reg-main .ser-select.mes-province .ser-scon{ top: 42px; }
	.reg-main .ser-select.mes-province{ width: 382px; }
	.pop-btn a{ line-height: 42px; font-size: 16px; }
	
	.reg-main .pop-input > li:first-child i.fl{ width: 142px; }
	.reg-main .pop-input > li:first-child input{ width: 295px; }

	.soft-tit{ font-size: 24px; line-height: 36px; }
	.soft-more{ font-size: 12px; line-height: 30px; border-width: 1px; }


	/************************- soft-windows.html -*********************/
	.win-con,.win-img,.norton .win-con{ width: 100%; float: none !important; }
	.norton .win-img{ width: 50%; margin: 0 auto; }
	.win-img{ padding-top: 2%; }
	.win-con h3{ padding-bottom: 2%; }

	.soft-main > div img{ width: 100%; max-width: 100%; margin-right: 0; margin-bottom: 2.5%; }


	.per-info p b{ font-size: 18px; }
	.info-img{ width: 68px; }
	.info-img img{ width: 46px; }
	.info-pro h3, .info-pro p{ font-size: 14px; line-height: 22px; }
	.info-pas{ margin-top: 10px; margin-left: 20px; }
	.info-pas i{ height: 2px; }


	.mark-con h3{ font-size: 24px; line-height: 36px; }
	.mark-video{ width: 38px; height: 38px; }
	.mark-pro{ margin-top: -88px; }


	.pw-tit{ font-size: 24px; line-height: 30px; }
	.pw-footer p{ font-size: 18px; line-height: 26px; }
	.pw-footer a{ font-size: 14px; line-height: 16px; }


	.pop-back .pop-con{ width: 600px; margin-left: -300px; margin-top: -213px; }
	.pop-probar{ width: 430px; margin-left: -215px; }
	.pop-back .pop-close{ margin-left: 300px; margin-top: -227px; }
	.pop-progress i{ width: 30px; height: 30px; font-size: 16px; line-height: 30px; }
	.pop-progress p{ font-size: 16px; line-height: 28px; }



}

@media screen and (max-width:1100px) {

	/************************- commercial.html -*********************/
	.com-menu li{ width: 33.33%; }

	.con-info p span{ font-size: 18px; }

	.com-price{ font-size: 28px; }
	.com-price span{ font-size: 18px; }


}


@media screen and (max-width:1024px) {
	.mark-img2,.mark-bg2{ display: block; }
	.mark-img1,.mark-bg1{ display: none; }
}


@media screen and (max-width:1000px) {

	/**- header -**/
	header{ height: 62px; }
	.nav-btn,.nav-login,.nav-user,.nav-cart{ display: block; position: absolute; top: 0; right: 5%; }
	.nav-cart{ display: none; }
	.nav-login{ margin-right: 40px; }
	.nav-user.per-head{ left: auto; }
	.per-head i{ width: 30px; height: 30px; margin: 16px 5px; border-radius: 50%; }
	.shortcut{ display: none; }
	.logo{ width: 98px; margin: 4px 0; }
	.gnav .logo{ margin: 0 !important; padding: 7px 0 5px !important; }
	.gnav .nav-main{ background: #191919; }
	.nav-main{ width: 100%; display: none; position: absolute; top: 62px; left: 0; background: #fff; }
	.nav,.search{ width: 100%; float: none; margin: 0; }
	.nav > li{ width: 100%; float: none; border-bottom: 1px solid #cecece; }
	.nav-all > div,.nav-all .nav-fir,.nav-all .nav-sec,.nav-all .nav-thi,.nav-other .nav-fir, .nav-other .nav-sec, .nav-other .nav-thi{ width: 100%; position: relative; top: 0; left: 0; }
	.nav > li{ padding: 0; }
	.nav > li > a{ margin: 0; padding: 1% 3%; }
	.nav-fir > li > a{ padding: 1.5% 0 !important; font-weight: normal !important; border-bottom: 1px solid #cecece; background: none !important; }
	.nav-sec > li > a{ padding: 1.5% 0 !important; background: none !important; }
	.nav-fir,.nav-sec,.nav-thi{ padding-left: 3%; }
	.nav li:nth-child(4) .nav-fir{ left: 0; }
	.nav-fir > li:last-child a,.nav-all .nav-fir > li:last-child > div:last-child h2{ border: 0; }
	.nav-other .nav-thi > li{ display: inline-block; _display: block; *zoom: 1; padding: 0 14px; margin-bottom: 2%; border-left: 1px solid #d4d4d4;}
	.nav-other .nav-thi > li > a{ background: none; padding: 0; }
	.nav-all .nav-fir > li > div{ width: 100%; float: none; }
	.nav-all > div > .main{ width: 100%; padding: 0; }
	.nav-all .nav-fir{ margin-top: 0; }
	.nav-all .nav-fir h2{ cursor: pointer; margin-bottom: 0; padding: 0.5% 0; font-weight: bold !important; font-size: 14px; color: #333; border-bottom: 1px solid #cecece; }
	.nav-all .nav-fir h2 img{ width: 22px; margin-top: 11px; }
	.nav-all .nav-sec{ padding-left: 30px; }
	.nav-all .nav-sec h3,.nav-all .nav-thi{ width: 100%; padding: 0; display: block; float: none; text-align: left; }
	.nav-all .nav-sec h3{ cursor: pointer; padding: 1.5% 0; font-size: 14px; color: #333; line-height: 20px; }
	.nav-all .nav-fir > li,.nav-all .nav-sec > li{ margin-bottom: 0; }
	.nav-all .nav-sec,.nav-all .nav-thi{ display: none; }
	
	.search{ padding: 20px 3%; height: 80px; }
	.sea-keyword{ display: none; }
	.sea-info{ width: 100%; padding-right: 50px; padding: 0; position: relative; top: 0; left: 0; display: block; background: none; box-shadow: none; }
	.sea-text{ width: 100%; padding: 0 43px 0 12px; }
	.sea-submit{ position: absolute; top: 0; right: 0; }

	.pro-text{ width: 90% !important; }
	.pro-text h4{ font-size: 14px; }
	.pro-text h3{ font-size: 22px; line-height: 32px; }
	.pro-text p{ line-height: 20px; }
	.pro-text h5{ padding-right: 24px; font-size: 14px; background-size: 14px auto; }
	.pro-cen3 .pro-text{ top: 6.5%; }
	.pro-cen3 p{ margin-top: 5%; }
	.pro-cen3 h3{ margin-top: 2%; }
	.pro-cen3 h5,.pro-cen5 h5{ margin-top: 2.2%; }

	/************************- commercial.html -*********************/
	.com-menu a{ line-height: 50px; }
	.com-tit{ font-size: 26px; }
	.com-cen{ margin-top: -78px; }
	.com-cen p{ margin-top: 2.5%; height: 72px; font-size: 16px; line-height: 24px; }
	.com-more{ margin-top: 3%; padding-right: 23px; font-size: 16px; background-size: 12px auto !important; }
	.com-info{ margin-top: 3%; }
	.com-price{ font-size: 24px; }
	.com-price span{ font-size: 16px; padding-right: 3px; }
	.com-video .video-js .vjs-big-play-button{ width: 80px; height: 80px; margin-top: -40px; margin-left: -40px; }
	
	/************************- gaming.html -*********************/
	.gam-menu li{ padding: 0 2.5%; }
	.gam-menu li p{ font-size: 18px; line-height: 26px; }
	.gam-menu li img{ width: 80%; }
	.gam-con h4{ font-size: 26px; line-height: 36px; }
	.gam-arrow{ width: 24px; background-size: 100% auto; }
	.gam-btn i{ font-size: 22px; }


	/************************- personal.html -*********************/
	.per-menu{ width: 24.5%; }
	.per-menu > li > a{ font-size: 14px; }
	.per-menu > li > a > i{ width: 22px; height: 22px; margin: 5px 0; left: 3px; }
	.per-menu p,.help-pro{ padding-left: 30px; }
	.per-con{ width: 72.3%; }
	.per-info li{ display: block; float: none; }
	.per-info p{ display: block; width: 100%; line-height: 24px; }


	/************************- service.html -*********************/
	.ser-hlist i{ width: 36px; height: 36px; }
	.ser-hlist h3{ font-size: 18px; line-height: 24px; }
	
	.con-info p span,.con-info p i{ display: block; }
	
	.law-main h4{ font-size: 16px; }

	.mes-question{ width: 90%; }
	
	.news-first .news-img{ width: 370px; }
	.news-first .news-main{ padding-left: 410px; }
	.news-first .com-more{ margin-top: 60px; }
	.news-img{ width: 210px; }
	.news-main{ padding-left: 240px; }
	.news-main i{ font-size: 18px; }
	.news-tit{ font-size: 16px; line-height: 24px; }
	.news-main p{ margin-top: 12px; height: 48px; font-size: 14px; line-height: 24px; }
	.page li{ margin: 0 3px; }
	.page a{ width: 36px; height: 36px; text-align: center; font-size: 14px; line-height: 36px; }


	.sea-product{ margin-left: -3%; }
	.sea-product .swiper-slide{ width: 30.33%; margin-left: 3%; }


	.reg-con{ width: 420px; }
	.reg-main .pop-input > li > input, .reg-main .pop-input > li > div{ width: 320px; }
	.reg-main .pop-input > li:first-child input{ width: 245px; }
	.reg-main .ser-select.mes-province{ width: 333px; }
	.reg-main .ser-select.mes-province .ser-scon{ width: 420px; }

	.copyright{ height: 180px; }
	.copy-license{ display: block !important; clear: both; text-align: center; padding: 5px 0; }


	.info-pas i{ width: 40px; }




}

@media screen and (max-width:750px) {
	a{ transition: all 0s linear 0s; -webkit-transition: all 0s linear 0s; -moz-transition: all 0s linear 0s; -o-transition: all 0s linear 0s; }
	.main{ width: 9.4rem; }
	.main.poa{ left: 0.3rem; }
	.pcshow{ display: none; }
	.moshow{ display: block; }


	/************************- index.html -*********************/
	/**- header -**/
	header{ height: 1.35rem; }
	.nav-btn,.nav-login,.nav-cart{ width: 1rem; height: 1.35rem; }
	.logo,.pw-header .logo{ width: 2.15rem; margin: 0; padding: 0.39rem 0; background-size: 2rem auto; }
	.pw-header .logo{ margin: 0 auto; }
	.pw-header .logo img{ width: 100%; }
	.gnav .logo{ padding: 0.15rem 0 0 !important; }
	.nav-btn{ margin-right: -0.35rem; background-size: 0.7rem auto; }
	/*.nav-cart{ margin-right: 0.65rem; background-size: 0.85rem auto; }
	.nav-login{ margin-right: 1.65rem; background-size: 0.52rem auto; }*/
	.nav-login{ margin-right: 0.65rem; background-size: 0.52rem auto; }
	.nav-main{ top: 1.35rem; }
	.toolbar{ display: block; right: 0.3rem; }
	.to-enter{ width: 1rem; height: 1rem; }
	.to-enter p{ display: none; }
	.to-enter img{ width: 0.92rem; margin: 0.2rem auto; }
	.to-top{ box-shadow: 0 0 2px rgba(0,0,0,0.1); }
	.to-top .to-enter img{ margin-top: 0.2rem; }
	.toolbar > div > div{ right: 1rem; background-position: 1.28rem 0.4rem !important; }
	.to-cart ul{ width: 1.3rem; }
	.to-cart div a img{ width: 0.9rem; margin: 0.2rem auto; }
	.toolbar > div.to-tel > div{ background-position: 165px 0.4rem !important; }
	.to-tel ul{ width: 165px; }
	.to-tel li{ padding: 4% 5%; }

	.nav > li > a{ font-size: 0.42rem; padding: 0.2rem 0.3rem; }
	.nav-all .nav-thi > li{ margin-bottom: 0; }
	.nav-other .nav-fir > li > a, .nav-other .nav-sec > li > a, .nav-other .nav-thi > li > a{ font-size: 0.36rem; }
	.nav-all .nav-thi > li,.nav-other .nav-thi > li{ padding-right: 0.3rem; display: block; padding-top: 0.2rem; padding-bottom: 0.2rem; }
	.nav-fir > li > a{ padding: 0.2rem 0 !important; }
	.nav-other .nav-thi{ padding-left: 0; }
	.nav-other .nav-thi > li{ margin-bottom: 0; }
	.nav-other .nav-thi > li > a{ line-height: 16px; }

	.banner .main{ bottom: 0.8rem; }
	.banner-bottom{ width: 12%; left: 44%; }
	.banner-arrow{ width: 22px; }
	.banner-arrow b, .banner-arrow i{ background-size: 100% auto !important; }
	.banner .pagination span{ width: 10px; height: 2px; margin-left: 4px; margin-right: 4px; }
	.banner .pagination span.swiper-active-switch{ width: 16px; height: 3px; margin-top: 3px; }
	.banner-btn{ width: 32px; }
	.banner-btn i{ background-size: 0.2rem auto; }


	/**- main -**/
	.home-main{ width: 100%; }
	.pro-con > div{ width: 100%; }
	.pro-img{ margin-bottom: 0.3rem; }
	.pro-text{ width: 8.4rem !important; top: 0.84rem; left: 0.5rem; }
	.pro-text h4{ font-size: 0.45rem; line-height: 0.6rem; }
	.pro-text h3{ font-size: 0.75rem; line-height: 0.9rem; margin-top: 0.12rem; }
	.pro-text p{ font-size: 0.4rem; line-height: 0.6rem; margin-top: 0.12rem; }
	.pro-text h5{ font-size: 0.43rem; line-height: 0.6rem; margin-top: 0.3rem; background-size: 0.38rem auto; }
	.pro-cen2 h3,.pro-cen3 h3{ font-size: 0.65rem; }
	.pro-cen2 .pro-text{ top: 0.5rem; }
	.pro-cen3 h3{ margin-top: 0.3rem; }
	.pro-cen3 p{ margin-top: 0.24rem; }
	.pro-con b,.pro-con i{ display: none; }
	.product li{ padding-bottom: 0; background: none; }
	.pro-cen4 .pro-text{ bottom: 0.3rem; }
	.pro-cen4 h3{ font-size: 0.6rem; }
	.pro-cen2 p,.pro-cen3 p,.pro-cen4 p,.pro-cen5 p{ display: none; }
	.pro-cen6 p{ line-height: 0.8rem; margin-top: 0.24rem; }


	/**- connect -**/
	.connect{ padding-top: 0; }
	.connect > .main{ display: none; }
	.connect img{ width: 15.4rem; margin-left: -2.8rem; }
	.con-more,.conm1,.con-more i{ width: 2rem; }
	.con-more{ margin-left: -1rem; }
	.con-more{ font-size: 0.35rem; }
	.con-more i{ background-size: 0.3rem auto; }
	

	/**- footer -**/
	footer .main{ width: 100%; }
	footer .copyright .main{ padding: 0 0.3rem; }
	.fo-nav,.fo-nav li{ width: 100%; float: none; }
	.fo-nav li{ margin-left: 0; }
	.fo-nav h3{ padding: 0 0.3rem; font-weight: normal; font-size: 0.4rem; color: #acacac; line-height: 1.33rem; padding-bottom: 0; border-bottom: 1px solid #3b393a; background: url(../images/nav-btn.png) 9.2rem center no-repeat; }
	.fo-nav div{ display: none; }
	.fo-nav a{ padding: 0 0.3rem; }
	.fo-con{ width: 9.4rem; margin: 0 auto; float: none; }
	.fo-sub{ font-size: 0.4rem; color: #acacac; line-height: 1.2rem; margin-bottom: 0; }
	.fo-register{ margin-top: -0.15rem; }
	input.fo-input{ width: 80.3%; }
	input.fo-input,.fo-submit{ height: 1rem; line-height: 1rem; }
	input.fo-input,.fo-submit,.fo-con > p,.fo-code a,.copy-con div{ font-size: 0.36rem; }
	.fo-code{ text-align: center; }
	.fo-code a{ width: 2.5rem; float: none; display: inline-block; _display: inline; *zoom: 1; }
	.copyright{ height: 4.4rem; }
	.copy-con{ height: auto; padding-bottom: 0; margin-top: 0.1rem; }
	.copy-con img{ height: 0.56rem; margin: 0 0.3rem 0 0; }
	.copy-con div{ margin-left: 0; line-height: 0.56rem; }
	.copy-con span{ display: none; }
	.copy-con i{ display: block; }
	.copy-con,.copy-con a{ font-size: 0.38rem; line-height: 0.6rem; }
	.copyright .fr{ margin-top: 0; }
	.fl-share{ margin-right: 0; }
	.bdsharebuttonbox a{ margin-right: 0.3rem !important; }
	.copyright .main .fr > .fl{ display: block; float: left; }
	.fo-lang{ float: right !important; margin-top: 8px; }


	/************************- household.html -*********************/
	.feature p, .purpose p{ font-size: 0.39rem; line-height: 0.5rem; }
	.main.purpose,.laptop .main{ width: 90% !important; }
	.swiper-container-purpose .swiper-wrapper{ transform: translate3d(0px, 0px, 0px); }
	.swiper-container-purpose .swiper-slide,.laptop .swiper-container .swiper-wrapper,.laptop .swiper-slide{height: auto !important;}
	.swiper-container-purpose .swiper-slide img:hover{ transform:scale(0.96); }
	.pur-arrow, .lap-arrow{ background-size: 0.38rem auto !important; }
	.laptop .swiper-slide{ width: 50%; padding-bottom: 2px;}
	.laptop > div{ padding-bottom: 0.4rem; }
	.laptop .main{ padding-top: 0.5rem; }
	.laptop h3{ font-size: 0.52rem; line-height: 0.9rem; }
	.laptop p{ font-size: 0.36rem; line-height: 0.6rem; }
	.laptop h4{ font-size: 0.45rem; line-height: 0.7rem; height: 0.7rem; }
	.laptop a p{ font-size: 0.36rem; line-height: 0.6rem; height: 1.2rem; }

	.pro-info{ padding-top: 0.4rem; }
	.pro-name{ width: 100%; float: none; font-size: 0.42rem; line-height: 0.5rem; }
	.pro-menu{ float: none; margin-left: -0.5rem; }
	.pro-menu a{ font-size: 0.36rem; line-height: 0.8rem; padding: 0 0 0 0.5rem; }
	.pro-menu > a{ padding: 0 0.25rem; height: 0.54rem; font-size: 0.33rem; line-height: 0.54rem; margin: 0.13rem 0 0.13rem 0.5rem; border-radius: 0.08rem; -webkit-border-radius: 0.08rem; -moz-border-radius: 0.08rem; -o-border-radius: 0.08rem; }
	.pro-menu > a.pro-price{ font-size: 0.38rem; }
	.pro-menu > a.pro-price span{ font-size: 0.3rem; }

	/************************- gaming.html -*********************/
	.gnav .logo{ margin-top: 0; padding: 0.12rem 0; }
	.gnav .nav-main{ background: #191919; }
	.ban-gam img{ width: 100%; margin-left: 0; }
	.gam-menu{ width: 100%; margin: 0.9rem auto 0.55rem; }
	.gam-menu li{ width: 1.55rem; padding: 0; background-size: 1.9rem auto; background-position: center 0.94rem; }
	.gam-menu li a{ margin: 0 auto; }
	.gam-menu li img{ width: 1rem; }
	.gam-menu li p{ padding-top: 0.7rem; font-size: 0.48rem; line-height: 0.6rem; }
	.gam-conmo > div{ width: 9.4rem; }
	.gam-conmo > div > div{ overflow: hidden; padding-bottom: 0.5rem; }
	.gam-conmo > div > div a{ width: 50%; overflow: hidden; display: block; float: left; }
	.gam-conmo .swiper-slide{ width: auto !important; }
	.gam-conmo .swiper-slide a{ width: 4.7rem !important; }
	.gam-conmo h4{ font-size: 0.48rem; line-height: 0.7rem; }
	.gam-conmo p{ font-size: 0.34rem; line-height: 0.5rem; }
	.gam-conmo img{ transform: scale(0.9); margin-top: 0.05rem; }
	.gam-arrow{ background-size: 70% auto; }
	.gam-btn i{ font-size: 0.5rem; }
	.pro-video > div{ width: 100%; float: none; }
	.pro-video .video-js .vjs-big-play-button{ width: 1rem; height: 1rem; margin-top: -0.5rem; margin-left: -0.5rem; }


	/************************- commercial.html -*********************/
	.com-menu a{ font-size: 0.38rem; line-height: 0.95rem; }
	.com-img{ width: 100%; float: none; }
	.com-cen{ width: 100%; position: relative !important; margin-top: 0.3rem; }
	.com-tit{ font-size: 0.6rem; line-height: 0.8rem; }
	.com-cen p{ font-size: 0.4rem; line-height: 0.6rem; margin-top: 0.1rem; }
	.com-more{ font-size: 0.4rem; line-height: 0.6rem; margin-top: 0.2rem; background-size: 0.33rem auto !important; }
	.com-price{ font-size: 0.6rem; line-height: 0.7rem; }
	.com-price span{ font-size: 0.4rem; padding-right: 0.1rem; }
	.com-list .com-price{ margin-top: 0.15rem; height: auto; }
	.com-list{ margin-left: 0; margin-top: 1rem; }
	.com-list li{ width: 100%; margin-left: 0; margin-bottom: 1rem; }
	.com-ltit{ font-size: 0.55rem; line-height: 0.6rem; padding: 0.3rem 0 0.2rem; }
	.com-list p{ font-size: 0.36rem; line-height: 0.55rem; height: 1.1rem; }
	.com-video .video-js .vjs-big-play-button{ width: 1.3rem; height: 1.3rem; margin-top: -0.65rem; margin-left: -0.65rem; }
	

	/************************- solution.html -*********************/
	.solution img{ width: 15rem; margin-left: -2.5rem; transition-duration: 0s; -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -o-transition-duration: 0s; }
	.solution li{ margin-bottom: 0.35rem; }
	.sol-con{ width: 9rem; left: 50%; margin-left: -4.5rem; margin-top: -2.15rem; padding: 0.4rem 0.4rem 1.1rem; background: rgba(255,255,255,0.9); }
	.sol-con h2 a{ font-size: 0.5rem; line-height: 0.7rem; height: 0.7rem; }
	.sol-con p{ margin-top: 0.2rem; font-size: 0.36rem; line-height: 0.6rem; height: 1.8rem; -webkit-line-clamp: 3; }
	.sol-more{ font-size: 0.36rem; line-height: 0.85rem; padding: 0 1rem 0 0.3rem; }
	.sol-more i{ width: 0.7rem; background-size: 10px auto; }
	.sol-even .sol-con{ right: 50%; margin-right: -4.5rem; }

	.sv-tit{ font-size: 0.52rem; line-height: 0.7rem; }


	/************************- personal.html -*********************/
	.per-menu{ float: none; padding: 0; }
	.per-menu{ width: 9.8rem; background: #f2f2f2; margin-left: -0.3rem; }
	.per-menu > li{ padding: 0; width: 4.6rem; float: left; margin-left: 0.3rem; margin-bottom: 0.18rem; background: #fff; }
	.per-menu > li,.per-menu > li:last-child{ border-bottom: 1px solid #d2d2d2; }
	.per-menu a{ font-size: 0.36rem; }
	.per-menu > li > a i{ left: 0.25rem; top: 50%; width: 0.5rem; height: 0.5rem; margin-top: -0.25rem; }
	.per-menu p{ padding-left: 0.9rem; }
	.per-con{ margin-top: 2%; width: 100%; }
	.per-head{ width: 1.6rem; height: 1.6rem; position: relative; float: left; left: 0; margin-top: 0; }
	.per-info{ width: 100%; padding: 0.2rem 0; }
	.per-edit{ width: 3rem; position: absolute; top: 0.3rem; left: 2.2rem; }
	.per-pad{ padding: 0 0.3rem; }
	.per-info{ padding-bottom: 0; }
	.per-info p{ font-size: 0.4rem; line-height: 0.6rem; }
	.per-info p b{ font-size: 0.5rem; line-height: 0.9rem; }
	.per-user{ margin: 0.3rem 0; }
	.per-tit h2{ font-size: 0.45rem; line-height: 1rem; }
	.per-tit a{ font-size: 0.36rem; line-height: 1rem; }
	.per-list{ margin-left: 0; }
	.per-list li{ width: 100%; float: none; margin-left: 0; margin-bottom: 0.4rem; }
	.per-list i{ margin: 0.6rem 0; }
	.per-list h4{ height: 1.6rem; font-size: 0.36rem; line-height: 1.6rem; }
	.per-pad{ font-size: 0.36rem; line-height: 0.36rem; }
	.per-notice{ padding: 0.3rem; }
	.per-notice p{ padding-right:0; }
	.per-nbtn{ width: 1.2rem; height: 0.6rem; position: relative; float: right; top: 0; right: 0; margin-top: 0.2rem; }
	.per-ptit .per-tit h2{ font-size: 0.48rem; line-height: 0.8rem; padding-top: 0.1rem; }
	.per-pview{ padding-top: 0.3rem; }


	/************************- service.html -*********************/
	.ser-crumbs a, .ser-crumbs span{ font-size: 0.38rem; line-height: 0.9rem; }
	.sv-en{ padding-top: 0.1rem; font-size: 0.3rem; line-height: 0.5rem; }
	.ser-search{ margin-top: 0.5rem; }
	.ser-submit{ right: 0; }
	.ser-input{ padding: 0 1rem 0 0.3rem; }
	.ser-input, .ser-select h4{ height: 1rem; font-size: 0.38rem; line-height: 1rem; }
	.ser-submit{ width: 1rem; height: 1rem; background-size: 0.5rem auto; }
	.ser-notice a{ font-size: 0.38rem; line-height: 0.6rem; }
	.ser-select{ margin-left: 0; height: 3.75rem; }
	.ser-select li{ width: 100%; margin-left: 0; height: 1rem; margin-bottom: 0.25rem; }
	.ser-select h4{ padding-right:34px; }
	.ser-tel{ font-size: 0.4rem; line-height: 0.6rem; padding-top: 0.2rem; }
	.ser-scon{ top: 1rem; }
	.swiper-container-select .swiper-wrapper{ padding-top: 0; }
	.sup-xt .swiper-container-select .swiper-wrapper{ padding-left:0; }
	.sup-xt .swiper-container-select .swiper-slide{ padding-left:15px; }
	.ser-hlist{ margin-left: -0.25rem; }
	.ser-hlist li{ width: 4.55rem; margin-left: 0.25rem; margin-bottom: 0.25rem; }
	.ser-hlist a{ padding: 0.2rem; }
	.ser-hlist i{ width: 0.84rem; height: 0.84rem; margin-top: 0.2rem; }
	.ser-hlist h3{ font-size: 0.4rem; line-height: 0.6rem; }
	.ser-hlist p{ height: 1.8rem; font-size: 0.36rem; line-height: 0.6rem; }
	
	.sup-xt.ser-lang{ width:6rem; }
	.sup-xt.ser-lang i{ width:2rem; }
	.sup-xt.ser-lang .ser-select{ width:3.9rem; }


	/************************- service-product.html -*********************/
	.sup-img{ width: 4.8rem; }
	.sup-img img{ width:100%; }
	.sup-con{ width: 4rem; margin-top: -1.62rem; }
	.sup-con p{ font-size: 0.38rem; line-height: 0.56rem; }
	.sup-con h3{ font-size: 0.42rem; line-height: 0.6rem; }
	.sup-con h4{ margin-top: 0; font-size: 0.38rem; line-height: 0.62rem; }
	.sup-con .com-more{ margin-top: 0.2rem; font-size: 0.38rem; line-height: 0.6rem; padding-right: 0.6rem; background-size: 0.38rem auto; }
	.support{ margin-bottom: 0; }
	.sup-nav li{ padding-left: 0.2rem; vertical-align: middle; }
	.sup-nav a{ padding: 0 0.1rem; font-size: 0.38rem; line-height: 0.4rem; }
	.sup-pcon h3{ font-size: 0.42rem; }
	.sup-plist p{ font-size: 0.38rem; }


	/************************- contact.html -*********************/
	.con-main{ display: block; }
	.con-pro,.con-map{ width: 100%; display: block; float: none; }
	.con-info p{ padding: 0; }
	.con-info p, .con-info p i{ font-size: 0.38rem; line-height: 0.8rem; }
	.con-info p span,.con-info p i{ display: inline-block; _display: inline; *zoom: 1; }
	.con-info p span{ font-size: 0.42rem; }
	.con-add{ margin-top: 0.4rem; }
	.con-map{ padding-left: 0; margin-top: 0.4rem; }
	.con-main #map{ position: relative !important; height: 6rem !important; }


	/************************- law.html -*********************/
	.law-pro, .law-pro a{ font-size: 0.38rem; line-height: 0.7rem; }
	.law-main h4{ padding: 0.25rem 2.7rem 0.25rem 0.9rem; font-size: 0.4rem; line-height: 0.6rem; }
	.law-main i{ width: 0.3rem; height: 0.3rem; left: 0.4rem; }
	.law-more{ right: 0.3rem; font-size: 0.36rem; line-height: 0.8rem; }
	.law-con{ padding: 1.8% 3.5%; font-size: 0.38rem; line-height: 0.7rem; }
	.law-date{ font-size: 0.38rem; }


	/************************- message.html -*********************/
	.ban-mes p{ font-size: 0.38rem; line-height: 0.6rem; }
	.mes-con{ padding: 0 0.3rem 2.3rem 0.3rem; }
	.mes-con > li{ display: block; }
	.mes-con h3,.mes-con > li > div{ width: 100%; display: block; text-align: left; }
	.mes-input, .ser-select.mes-province{ width: 8.2rem; }
	.mes-con h3{ font-size: 0.38rem; }
	.mes-icon{ width: 0.28rem; margin-left: 0.2rem; background-size: 100% auto; }
	.mes-input{ padding: 0 10px; }
	.ser-select h4{ padding-left: 10px; }
	.mes-input,.ser-select.mes-province h4,.mes-con .form-control,.mes-con .ser-select,
	.mes-con .ser-input, .ser-select h4{ font-size: 0.36rem; height: 1rem; line-height: 1rem; }
	.ser-select.mes-province .ser-scon{ top: 0.8rem; margin-top: -1px; }
	.mes-con .c-datepicker-container{ width: 3.5rem; }
	.swiper-container-select .swiper-wrapper{ width: 90% !important; padding-left: 10px; }
	.mes-con > li > div p{ width: 1.2rem; font-size: 0.36rem; line-height: 0.9rem; }
	.mes-question{ width: 8.2rem; height: 2.4rem; padding: 0.3rem; font-size: 0.38rem; line-height: 0.6rem; }
	.mes-area .mes-icon{ height: 0.9rem; margin-top: 0.73rem; }
	.mes-submit{ width: 100%; font-size: 0.45rem; line-height: 0.7rem; }


	.news-con li{ padding: 2% 0; min-height: 0; }
	.news-first .news-img,.news-first .news-main{ width: 100%; float: none; position: relative; top: 0; padding: 0; }
	.news-main i{ font-size: 0.4rem; line-height: 0.5rem; }
	.news-tit{ font-size: 0.4rem; line-height: 0.7rem; }
	.news-main p{ font-size: 0.4rem; line-height: 0.6rem; height: 1.2rem; }
	.news-first .com-more{ margin-top: 0; }
	.news-img{ width: 3.5rem; top: 1rem; }
	.news-main{ padding-left: 4rem; padding-bottom: 0.5rem; }
	.news-tit{ margin-top: 0; display: -webkit-box; white-space: normal; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.news-main p{ display: none; margin-top: 0.1rem; }
	.page li{ margin: 0 0.1rem; width: 0.8rem; height: 0.8rem; }
	.page a{ width: 0.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center; }


	.news-pro h3{ font-size: 0.5rem; line-height: 0.7rem; }
	.news-pro h6{ font-size: 0.36rem; line-height: 0.5rem; }
	.news-pro p{ font-size: 0.4rem; line-height: 0.8rem; }
	.page-arrow a{ font-size: 0.4rem; line-height: 0.7rem; margin-bottom: 0.3rem; }


	.buy-menu i{ width: 0.6rem; height: 0.6rem; margin-bottom: 0.2rem; }
	.buy-menu li{ height: 2.4rem; font-size: 0.36rem; line-height: 0.5rem; padding: 0.3rem 0.2rem; }
	.buy-con .ser-search{ margin-top: 0; }
	#l-map,#r-result{ width: 100%; float: none; }
	#l-map{ height: 8rem; }
	.buy-con h3{ font-size: 0.45rem; line-height: 0.6rem; }
	.buy-con td{ font-size: 0.36rem; line-height: 0.6rem; word-wrap:break-word }
	.buy-con td.buy-fir{ width: 12% !important; }
	.buy-con td.buy-sec{ width: 12% !important; }
	.buy-con td.buy-fou{ width: 30% !important; }

	.buy-con td a{  display: block; word-wrap: break-word; width: 140px; margin: 0 auto; float: none; }
	.buy-con td div{ margin-left: -3.33%; }
	.pic-img1{ width: 30%; margin-right: 3.33%; }
	.pic-img2{ width: 30%; margin-right: 3.33%; }
	.pic-img3{ width: 30%; margin-right: 3.33%; }
	#container{ width: 100%; height: 300px; float: none; }
	#panel{ width: 100%; float: none; }
	 
	.laptop.sea-product{ margin-left: -2%; }
	.laptop .swiper-slide{width: 48%;/* margin-left: 2%; */}
	.sea-product b{ font-size: 0.45rem; }
	.sea-product b span{ font-size: 0.4rem; }
	.sea-screen h3,.sea-type,.sea-sea{ display: block; }
	.sea-tc a{ display: block; float: left; }
	.sea-screen > div{ margin: 0.2rem; }
	.sea-lx a{ font-size: 0.4rem; line-height: 0.42rem; }

	.sup-xt{ width: 9.4rem; }
	.sup-xt i{ width: 2.5rem; font-size: 0.4rem; }
	.sup-xt .ser-select{ width: 6.8rem; }
	.sup-menu{ padding-top: 0.5rem; }
	.sup-menu li{ font-size: 0.36rem; margin: 0 0.2rem; padding: 0 0.2rem; }
	.sup-js{ font-size: 0.38rem; line-height: 0.6rem; }
	.sup-qlist{ margin-left: 0; }
	.sup-qlist li{ width: 100%; margin-left: 0; margin-bottom: 0.3rem; padding-top: 0.4rem; }
	.sup-qlist h3{ font-size: 0.55rem; }
	.sup-qlist h4{ font-size: 0.42rem; }
	.sup-qlist p{ font-size: 0.38rem; line-height: 0.8rem }
	.sup-qlist .com-more{ font-size: 0.38rem; background-size: 0.3rem auto !important; }


	/************************- service-help.html -*********************/
	.help-con .per-menu{ width: 100%; margin-left: 0; border: 0; }
	.help-con .per-menu > li{ width: 100%; padding: 0; float: none; margin-left: 0; }
	.help-con .per-menu > li,.help-con .per-menu > li:last-child{ border: 0; }
	.help-con .per-menu > li > a > i{ left: 0.25rem; width: 0.5rem; height: 0.5rem; top: 0.35rem; }
	.help-con .per-menu > li > a{ font-size: 0.4rem; line-height: 1.2rem; }
	.moshow .per-con{ display: none; font-size: 0.4rem; color: #666; line-height: 0.8rem; }
	.help-pro{ padding: 0.1rem 0 0.4rem 0.9rem; }
	.help-pro a{ margin-top: 0; }
	.help-pro .per-con{ margin: 0 0 0.2rem 0; }
	.per-active > .per-con{ display: block; }

	.reg-main .reg-con{ width: 8.8rem; }
	.reg-main .pop-input li{ padding: 0 0.3rem; }
	.reg-main .pop-input i.fl{ width: 2rem; font-size: 0.38rem; }
	.reg-main .pop-input > li:first-child i.fl{ width: 4rem; }
	.reg-main .pop-input > li > input, .reg-main .pop-input > li > div{ width: 6.1rem; }
	.reg-main .pop-input > li:first-child input{ width: 4.1rem; }
	.reg-main .c-datepicker-container>input.form-control{ font-size: 0.38rem; }
	.reg-main .ser-select.mes-province{ width: 6.4rem; }
	.reg-main .ser-select.mes-province .ser-scon{ width: 8.8rem; }
	.reg-main .pop-input > li > div{ float: right; }

	.soft-con{ margin-left: 0; }
	.soft-con li{ margin-left: 0; width: 100%; float: none; padding-bottom: 1rem; }
	.soft-tit{ font-size: 0.56rem; line-height: 0.8rem; }
	.soft-con p{ height: auto; font-size: 0.38rem; line-height: 0.74rem; }
	.soft-more{ font-size: 0.34rem; line-height: 0.76rem; }

	.soft-main{ padding-bottom: 0.6rem; }
	.soft-main h2{ font-size: 0.48rem; line-height: 0.9rem; }
	.soft-main h3{ padding-bottom: 0.1rem; font-size: 0.41rem; line-height: 0.8rem; }
	.win-con h4,.win-con p,.win-con a,.soft-main i,.soft-main i a,.soft-main > p{ font-size: 0.4rem; line-height: 0.7rem; padding-bottom: 0.05rem; }
	.per-menu .win-con p{ padding-left: 0; }
	.win-con h4{ padding-bottom: 0.1rem; }
	.per-menu .soft-main p{ padding-left: 0; font-size: 0.4rem; line-height: 0.7rem; }

	.help-pro.soft-moshow{ padding-left: 0; }
	.help-con .per-menu .soft-moshow > li > a{ padding-left: 0.9rem; }
	.per-user{ min-height: 1.6rem; }


	.per-photo{ top: 0.3rem; right: 0.3rem; padding: 0 0 0 0.82rem; width: 2.7rem; font-size: 0.32rem; line-height: 0.66rem; background-size: 0.42rem auto !important; background-position: 0.3rem center !important; }
	.info-con .per-info{ width: auto; padding-right: 3rem; padding-left: 0.2rem; }
	.info-con .per-info p{ font-size: 0.52rem; line-height: 0.9rem; }
	.info-con .per-info{ display: table; }
	.info-con .per-info li{ display: table-cell; height: 1.6rem; vertical-align: middle; }
	.info-main li{ border-width: 1px; }
	/*.info-pro h3,.info-pas{ float: none; margin-left: 0; }*/
	.info-pas{ margin: 0.25rem 0 0 0.2rem; }
	.info-pas i{ width: 0.6rem; }
	.info-pro h3, .info-pro p{ font-size: 0.34rem; line-height: 0.6rem; }
	.info-img{ width: 1.4rem; }
	.info-img img{ width: 1rem; }
	.info-modify{ width: 1.6rem; }
	.info-modify a{ padding-right: 0.6rem; font-size: 0.32rem; background-size: 0.5rem auto !important; }

	.pop-con,.pop-back .pop-con{ width: 9.4rem; left: 50%; margin-left: -4.7rem; }
	.pop-main{ padding: 0.3rem 0.3rem 0.5rem; }
	.info-pop .pop-main,.info-pop .pop-tit{ padding: 0 0.3rem; }
	.pop-tit,.pop-tit a{ font-size: 0.42rem; line-height: 1.2rem; }
	.pop-conl > ul{ padding: 0; }
	.pop-input li{ padding: 0 0.2rem; margin-bottom: 0.3rem; }
	.pop-input i{ width: 0.54rem; padding: 0.2rem 0; }
	.pop-input input, .info-add, .info-area textarea{ width: 7.65rem; height: 1rem; font-size: 0.36rem; line-height: 1rem; }
	.pop-pas{ margin-top: -0.15rem; }
	.pop-btn a.pop-reg{ font-size: 0.4rem;  }
	.pop-close{ width: 1rem; height: 1rem; left: auto; right: 0.3rem; margin-left: 0; }
	.pop-login .pop-con{ margin-top: -3.8rem; }
	.pop-login .pop-close{ margin-top: -4.8rem; }

	
	.info-pop .pop-con{ border-width: 2px; background: #fff; }
	.pop-address .pop-con{ margin-top: -5.7rem; }
	
	.info-area{ padding: 8px 0.2rem !important; }
	.info-pop .pop-main{ padding-bottom: 0.5rem; }
	.info-pop .pop-btn{ margin-top: 0.2rem; }
	.info-area textarea{ height: 2.5rem; line-height: 0.6rem; }
	.info-area i{ padding-top: 0; }
	
	.pop-address .pop-close{ margin-top: -6.8rem; }
	.pop-code .pop-close{ margin-top: -6.45rem; }
	.pop-input .info-text i{ width: 1.2rem; }
	.info-text p{ font-size: 0.36rem; line-height: 0.6rem; }
	.pop-btn a{ font-size: 0.4rem; line-height: 1rem; }


	/************************- makeyourmark.html -*********************/
	.mark-img3,.mark-bg3{ display: block; }
	.mark-img2,.mark-bg2{ display: none; }
	.mark-pro{ margin-top: -2rem; }
	.mark-pro div{ width: 100%; }
	.mark-con h3{ font-size: 0.46rem; line-height: 0.6rem; }
	.mark-con h4, .mark-con p{ margin-top: 0.2rem; font-size: 0.36rem; line-height: 0.56rem; }
	.mark-con h4{ font-size: 0.4rem; }
	.mark-video{ width: 1rem; height: 1rem; margin-top: 0.3rem; }
	.inter{ right: 0.3rem; bottom: 0.2rem; font-size: 0.32rem; line-height: 0.48rem; }
	.inter div p{ padding-right: 0.25rem; padding-top: 0; }
	.inter img{ width: 1.26rem; margin-top: 0.08rem; }
	.mark > .main{ padding: 0.4rem 0 0; }
	.mark .feature li{ margin-bottom: 0.3rem; }


	.pop-pw{ padding: 0; }
	.pw-tit{ font-size: 0.48rem; }
	.pw-footer div{ vertical-align: middle; }

	.pop-back .pop-con{ margin-top: -4.4rem; }
	.pop-back .pop-close{ margin-top: -5.4rem; }
	.pop-back .pop-main{ padding: 0.5rem 0.3rem 0.7rem; }
	.pop-progress p{ font-size: 0.36rem; }
	.pop-progress i{ width: 0.7rem; height: 0.7rem; font-size: 0.36rem; line-height: 0.7rem; }
	.pop-probar{ width: 7rem; margin-left: -3.5rem; height: 5px; top: 0.28rem; }
	.pop-probar i{ height: 1px; }
	.pop-pcon{ width: 94%; }
	.pop-input li a,.pop-input li button,.pop-input li a.mes-yzm{ height: 0.84rem; line-height: 0.84rem; margin-top: 0.08rem; }
	.pop-input li button{ width: 2.6rem; font-size: 0.38rem; }
	.pop-input li a.mes-yzm{ width: 2.6rem; }
	/*.pop-back .pop-input input.pop-code{ width: 5.05rem; }*/
	.pop-input input.pop-code{ width: 5.05rem; }
	.pop-success img,.pwf img{ width: 1.4rem; }
	.pwf img{ margin-bottom: 4%; }
	.pop-success p{ font-size: 0.36rem; }
	.pop-pas{ font-size: 0.34rem; line-height: 0.6rem; margin-bottom: 0.2rem; }
	.pop-success a{ margin-top: 2%; }

	.pop-register .pop-con{ margin-top: -5.6rem; }
	.pop-register .pop-close{ margin-top: -6.6rem; }

	.info-add{ background-size: 0.5rem auto; }
	.pop-nickname .pop-con{ margin-top: -2.9rem; }
	.pop-nickname .pop-close{ margin-top: -4rem; }
	.pop-mpw .pop-con{ margin-top: -3.3rem; }
	.pop-mpw .pop-close{ margin-top: -4.4rem;}
	.pop-mailbox .pop-con{ margin-top: -2.7rem; }
	.pop-mailbox .pop-close{ margin-top: -3.8rem; }
	.pop-phone .pop-con{ margin-top: -4.1rem; }
	.pop-phone .pop-close{ margin-top: -5.2rem; }

	.nav-user.per-head{ width: 1rem; height: 1.35rem; top: 0; margin-right: 1.65rem; float: none; position: absolute; background-size: 0.6rem 0.6rem; background-position: center center; border-radius: 0; }
	.nav-user.per-head i{ width: 0.6rem; height: 0.6rem; margin: 0.375rem 0.2rem; border-radius: 50%; }

}


